URL share Parameter übergeben

Question

Ich verbrachte mehr als 2 Stunden mit dem Versuch, eine einfache Antwort zu finden, aber leider konnte ich nicht.

Das Szenario des Problems:

1. ein Benutzer zu ulan.be blättert wählt 3 Parameter und fährt fort.

2. Die Seite leitet ihn zu etwas wie here um.

3. Der Benutzer möchte dies mit einem anderen Benutzer über eine soziale Freigabe-Schaltfläche teilen (sagen E-Mail oder WhatsApp), aber die URL wird geschnitten und Parameter werden nicht übergeben.

Im Grunde, was ich brauche, ist eine Wordpress-Plugin oder ein basischer JS-Code ein „Kopieren und Einfügen der Adressleiste“ auf die 2 ^nd Benutzer zu ermöglichen.

Jede Hilfe wird geschätzt - danke.

Answer 1

Hier ist, wie ich diese einfache Logik nähern würde:

var sel = document.querySelector("#ddlViewBy"); 
 
var input = document.querySelector("input#location"); 
 
var button = document.querySelector("button"); 
 
var param1 = ''; 
 
var param2 = ''; 
 

 
button.addEventListener("click", function(evt){ 
 
    param1 = sel.options[sel.selectedIndex].value; 
 
    param2 = input.value; 
 
    //Just to check the value 
 
    //alert(param1 + ", " + param2); 
 
}); 
 

 
//Then reconstruct your URL bar with the params above 
 
/** 
 
    * orig_url = window.location.href; 
 
    * window.location.href = orig_url + '?city=' + param1 + '&zip=' + param2 
 
    * 
 
**/

<select id="ddlViewBy"> 
 
    <option value="1">test1</option> 
 
    <option value="2" selected="selected">test2</option> 
 
    <option value="3">test3</option> 
 
</select> 
 

 
<input type="text" id="location" placeholder="Location" /> 
 

 
<button type="button">Submit</button>

Ich hoffe, das hilft.