URL共享传递参数

Question

我确实花了超过2个小时试图找到一个简单的答案，但不幸的是我不能。

问题的情景：

1. 用户浏览ulan.be，选择3个参数并继续。

2. 该页面将他重定向到类似here。

的内容

3. 用户希望通过社交分享按钮（例如电子邮件或Whatsapp）与其他用户分享此内容，但网址会被删除，参数也无法通过。

基本上我需要的是Wordpress插件或基本JS代码，以便为2 ^nd 用户启用“地址栏的复制粘贴”。

感谢任何帮助 - 谢谢。

Answer 1

以下是我将如何处理这个简单的逻辑：

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>

我希望这会有所帮助。