URL共享傳遞參數

Question

我確實花了兩個多小時試圖找到一個簡單的答案，但不幸的是我沒有。

問題的情況：

1. 用戶瀏覽到ulan.be ，選擇3個參數並繼續。

2. 該頁面將他重定向到類似此處的內容 。

3. 用戶希望通過社交共享按鈕（例如電子郵件或Whatsapp）與其他用戶共享此內容，但是URL被剪切並且參數未傳遞。

基本上，我需要一個Wordpress插件或基本的JS代碼來為^第二個用戶啟用“復制地址欄”。

任何幫助表示贊賞-謝謝。

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> 

我希望這有幫助。