URL 共享传递参数

【问题标题】：URL share passing parametersURL 共享传递参数
【发布时间】：2017-09-02 16:50:38
【问题描述】：

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

问题的场景：

用户浏览到ulan.be，选择3个参数并继续。
页面将他重定向到here。
用户希望通过社交分享按钮（例如电子邮件或 Whatsapp）与其他用户分享此内容，但 URL 被截断且参数未传递。

基本上我需要的是一个 Wordpress 插件或一个基本的 JS 代码来启用“地址栏的复制粘贴”给 2^nd 用户。

感谢任何帮助 - 谢谢。

【问题讨论】：

执行上述功能的代码是什么？
它是一个名为 ezfc 表格计算器的第三方插件。它使用这些参数将字段值转发到下一页，我希望第二个用户使用相同的参数浏览同一页面。
一些格式问题 + 次要语义

标签： wordpress url share

【解决方案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>

我希望这会有所帮助。

【讨论】：