javascript variable as a get parameter

Question

I am having one select box. i want to pass its selected value with link as a get parameter. i am getting select box's value in javascript on onchange event of select box. now how can i pass with link??

<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?

Please help me out.

So redirect to that URL with the value? Or change the href of that link? — George
– George, Commented Mar 27, 2014 at 11:20
Instead of alert, document.getElementById('yourlink').href += '?'+ sel.options[sel.selectedIndex].text + "=" + value; — Aamir Afridi
– Aamir Afridi, Commented Mar 27, 2014 at 11:24
Why aren't you just submitting the form with the select element in it? — Quentin
– Quentin, Commented Mar 27, 2014 at 11:27

Jeremy Danyow · Accepted Answer · 2014-03-27 11:26:07Z

2

here's a couple of options. 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;
};

answered Mar 27, 2014 at 11:26

Jeremy Danyow

26.5k12 gold badges92 silver badges137 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

radia · Accepted Answer · 2014-03-27 11:25:24Z

0

Here's an example of href edit, it covers cases where you already have parameters in your link:

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;
});  
}

answered Mar 27, 2014 at 11:25

radia

1,4961 gold badge13 silver badges18 bronze badges

Comments

Tuhin · Accepted Answer · 2014-03-27 11:32:32Z

0

Try this way>

<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>

answered Mar 27, 2014 at 11:32

Tuhin

3,3932 gold badges18 silver badges28 bronze badges

Collectives™ on Stack Overflow

javascript variable as a get parameter

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related