Dropdown selected with URL parameter

Question

How can I have my dropdown selected with an url parameter? I found this: Dropdown selected based on URL parameter - PHP or jQuery?

But it does not work for me. What am I doing wrong? My url would be:

kontakt.php?Betreff=3

script:

var val = location.href.match(/[?&]Betreff=(.*?)[$&]/)[1];   // get params from URL
$('#Betreff').val(val);   //  assign URL param to select field

and:

<select class="mailstyle" name="Betreff" id="Betreff">
    <option value="1">First</option>
    <option value="2">Second</option>
    <option value="3">Third</option>
</select>

You mean you are not able to see the `option` with `value` equal to `3` selected? — void, Feb 16 '15 at 08:52
That regex only works if you have more than 1 parameters, like `http://example.com/Betreff=3&Inhalt=something` — Spokey, Feb 16 '15 at 08:58

score 3 · Accepted Answer · edited May 23 '17 at 12:32

Your regex is incorrect. You can use this function (from this question) to get the parameter value:

function getURLParameter(name) {
    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null
}

You can then use that to set the value:

var val = getURLParameter('Betreff');
$('#Betreff').val(val);   //  assign URL param to select field

score 1 · Answer 2 · answered Feb 16 '15 at 08:57

1

Try this:

var val = location.href.match(/[?&]Betreff=(.*?)(?:$|&)/)[1];   // get params from URL
$('#Betreff').val(val);   //  assign URL param to select field

answered Feb 16 '15 at 08:57

score 0 · Answer 3 · answered Feb 16 '15 at 09:08

0

Try this:

$('#Betreff option').each(function(){
    if($(this).val()==val){
        $(this).attr("selected","selected");
        break; 
    }
});

answered Feb 16 '15 at 09:08

Mayur Relekar

67
4

thanks you for your effort! But Rory McCrossan answer was exactly what I was looking for! – user2961970 Feb 16 '15 at 09:14

Dropdown selected with URL parameter

3 Answers3