使用jQuery更改多個網址參數的onclick

好吧，我有四個參數中的URL使用jQuery更改多個網址參數的onclick

xxx.html?p1=something&p2=else&p3=here&p4=too

而且我對每個p參數五種不同的選項。現在我需要通過單擊事件來更改每個參數。

我不能使用正常的href，因爲有四個不同的和獨立的變量。所以我需要jQuery來搜索正確的參數，並相應地點擊進行更改

謝謝大家！

來源

2011-11-07 client

你有沒有對此做過任何嘗試？你可以看看[這個jQuery-URL-Parser]（https://github.com/allmarkedup/jQuery-URL-Parser）。 –

有了這個jQuery plugin你可以做簡單：

window.location.search = jQuery.query.set("p2", "something");

我希望這會有所幫助。

來源

2011-11-07 18:58:05 enloz

太棒了！雖然現在所有其他的東西，我想在點擊功能實現不起作用，因爲頁面被重新加載 – client

有一個解決方案，但爲了完整的答案，請具體說明你的目標，並在這裏完整的代碼/例子.. – enloz

'$（「ul.p2麗」）點擊（函數（）{ \t \t \t 變種選定= $（本）的.text（）; $（「輸入＃hidden2」）VAL（選擇）; $（「信息」）HTML（選擇）; \t \t \t \t $（本）.siblings（）removeClass（ '選擇'）; '選擇' $（本）.addClass（） .nextAll（）。addClass（'selected'）; \t \t \t \t window.location.search = jQuery.query.set（「com」，selected）; \t \t \t \t }）;' 這有點兒事 – client

首先，我懷疑你希望這是一個表單而不是鏈接，並且你的屬性是隱藏字段。

該實現將要求您將事件附加到click事件。

<a href="#" class="link" onclick="return false;">Click here</a> 

$(".link").click(function(){ 
    p1_value = $(".p1_input").val(); // Or wherever the value is coming from... 
    p2_value = $(".p2_input").val(); 
    url = "xxx.html?p1=" + p1_value + "&p2=" + p2_value; 
    window.location = url; 
})

您可能希望使用另一個庫來構建URL，因爲存在許多邊緣情況。

來源

2011-11-07 18:57:39 CambridgeMike

使用jQuery更改多個網址參數的onclick

回答

相關問題