Question

我有一个请求链接：

<a href=index.jsp></>

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

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

如何动态更新网址以包含这两个变量的值，从而产生

<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

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

1 个答案: