манипулировать строку запроса динамически с помощью JavaScript

Question

я есть ссылка запрос:

<a href=index.jsp></>

и у меня есть некоторые дивы в другой части страницы, которые содержат некоторые значения и изменения пользователем или при определенных условиях:

<input id="var1" /> <input id="var2" />

Как я могу обновить динамически URL-адрес, чтобы иметь внутри значения этих двух Варс, в результате чего

<a href=index.jsp?var1=1&var2=17></>

Есть несколько простых JavaScript/JQuery путь, или, некоторые HTML способ может быть?

Answer 1

var val1 = $('#var1').val(), 
    val2 = $('#var2').val(); 


$('a').attr('href', function(i, src) { 

    return src+ '?var1=' + val1 + '&var2=' + val2 ; 

}); 

Используйте правильный селектор, чтобы выбрать элемент. Затем установите href якоря, добавив к нему параметры запроса.

Если вы хотите изменить его в конкретном случае, вам необходимо прослушать событие и выполнить те же действия.

То же самое можно написать таким образом, который может быть проще понять.

var val1 = $('#var1').val(), 
    val2 = $('#var2').val(); 


    var src = $('a').attr('href'); // Get the current href 

    var newSrc = src+ '?var1=' + val1 + '&var2=' + val2 ; 

    $('a').attr('href', src); // set the href