Javascript变量作为get参数

javascript variable as a get parameter

本文关键字：get 参数 变量 Javascript      更新时间：2023-09-26

我有一个选择框。我想传递它的选择值与链接作为一个get参数。我得到选择框的值在javascript上选择框的onchange事件。现在我怎么通过链接??

<script type="text/javascript">
    function getArticle(sel){
       var value = sel.options[sel.selectedIndex].value;  
       alert(value);
   }
</script>
 <a href="edittoc.php?key=value">Edit</a> // how can i do this?

请帮帮我。

这里有几个选项。jsfiddle: http://jsfiddle.net/a7Rc6/

html: 

<a id="one-way">Edit</a>
<a id="another-way" href="#">Edit</a>
javascript: 

var value = sel.options[sel.selectedIndex].value; 
// one way:
document.getElementById('one-way').href = 'edittoc.php?key=' + value;
// another way:
document.getElementById('another-way').onclick = function () {
    window.location = 'edittoc.php?key=' + value;
};

下面是一个href编辑的例子，它涵盖了在你的链接中已经有参数的情况:

function getArticle(sel){
   var value = sel.options[sel.selectedIndex].value;
   $('a[href]').attr('href', function(index, href) {
    var param = "key"=value;
    if (href.charAt(href.length - 1) === '?')
        return href + param;
    else if (href.indexOf('?') > 0)
        return href + '&' + param;
    else
        return href + '?' + param;
});  
}

试试这个> 

<script type="text/javascript">
        function getArticle(sel){
           var value = sel.options[sel.selectedIndex].value;  
           var link=document.getElementById("link").getAttribute("href");
           document.getElementById("link").setAttribute("href",link+value);
       }
    </script>
     <a id="link" href="edittoc.php?key=">Edit</a>
相关文章：