javascript - 使用 javascript 动态操作请求字符串

Question

我有一个请求链接：

<a href=index.jsp></>

我在页面的另一部分有一些 div，其中包含一些值并由用户或在某些条件下更改：

<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