Изменение нескольких параметров URL с помощью jquery onclick

Question

Хорошо, у меня есть четыре параметра в URL-адресе

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

И у меня есть пять различных опций для каждого параметра p.Теперь мне нужно изменить каждый параметр с помощью события щелчка.

Я не могу использовать обычный href, так как есть четыре разные и независимые переменные.Так что мне нужно jquery для поиска нужного параметра и соответственно изменить его при нажатии

Спасибо всем!

Answer 1

С помощью этого jQuery-плагина вы можете сделать это просто:

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

Я надеюсь, что это поможет.

Answer 2

Прежде всего, я подозреваю, что вы хотите, чтобы это была форма, а не ссылка, а ваши атрибуты были скрытыми полями.

Реализация потребует от вас прикрепить событие к событию 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-адреса, поскольку существует ряд крайних случаев.