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
– void, Commented Feb 16, 2015 at 8:52
That regex only works if you have more than 1 parameters, like http://example.com/Betreff=3&Inhalt=something — Spokey
– Spokey, Commented Feb 16, 2015 at 8:58

Community · Accepted Answer · 2017-05-23 12:32:49Z

3

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

edited May 23, 2017 at 12:32

CommunityBot

11 silver badge

answered Feb 16, 2015 at 8:57

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Comments

user2010925 · Accepted Answer · 2015-02-16 08:57:37Z

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, 2015 at 8:57

user2010925

Comments

Mayur Relekar · Accepted Answer · 2015-02-16 09:08:39Z

0

Try this:

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

answered Feb 16, 2015 at 9:08

Mayur Relekar

674 bronze badges

1 Comment

user2961970 Over a year ago

thanks you for your effort! But Rory McCrossan answer was exactly what I was looking for!

Collectives™ on Stack Overflow

Dropdown selected with URL parameter

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related