Dropdown selected based on URL parameter - PHP or jQuery?

Question

What's the best method to output "selected" for my form select based on the URL parameter?

In my URL I might have this parameter &term=retail.

How could I tell the below code to select the retail option?

<select class="form-control" name="term" id="saleTerm">
        <option value="all-residential" selected>All Residential</option>
        <option value="apartment">&nbsp;&nbsp;&nbsp;Apartment</option>
        <option value="villa">&nbsp;&nbsp;&nbsp;Villa</option>
        <option value="all-commercial">All Commercial</option>
        <option value="office">&nbsp;&nbsp;&nbsp;Office</option>
        <option value="retail">&nbsp;&nbsp;&nbsp;Retail</option>
</select>

Dave · Accepted Answer · 2017-06-21 11:37:01Z

9

Easiest approach using Javascript:

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

PHP way refer to answer by Danijel.

edited Jun 21, 2017 at 11:37

answered May 11, 2014 at 11:05

Dave

4,4463 gold badges27 silver badges38 bronze badges

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

4 Comments

NotAnotherCliche Over a year ago

And to add to my question, how about input fields? ULR &acf_Area=Downtown Burj Dubai <input type="text" name="acf_Area" id="acf_AreaSale">

Dave Over a year ago

are you asking about how to assign url params named (acf_Area) to input fields ?

NotAnotherCliche Over a year ago

Yes, input text field

Dave Over a year ago

var inpVal = location.href.match(/[?&]acf_Area=(.*?)[$&]/)[1]; $('#acf_AreaSale').val(inpVal);

Danijel · Accepted Answer · 2014-05-11 11:15:44Z

9

The PHP way:

<?php $term = !empty( $_GET['term'] ) ? $_GET['term'] : ''; ?>

<select class="form-control" name="term" id="saleTerm">
        <option value="all-residential" <?php echo $term == 'all-residential' ? 'selected' : ''; ?>>All Residential</option>
        <option value="apartment" <?php echo $term == 'apartment' ? 'selected' : ''; ?>>&nbsp;&nbsp;&nbsp;Apartment</option>
        <option value="villa" <?php echo $term == 'villa' ? 'selected' : ''; ?>>&nbsp;&nbsp;&nbsp;Villa</option>
        <option value="all-commercial" <?php echo $term == 'all-commercial' ? 'selected' : ''; ?>>All Commercial</option>
        <option value="office" <?php echo $term == 'office' ? 'selected' : ''; ?>>&nbsp;&nbsp;&nbsp;Office</option>
        <option value="retail" <?php echo $term == 'retail' ? 'selected' : ''; ?>>&nbsp;&nbsp;&nbsp;Retail</option>
</select>

answered May 11, 2014 at 11:15

Danijel

12.8k5 gold badges43 silver badges57 bronze badges

2 Comments

A. Wolff Over a year ago

Ya using server side script for value passed to server, seems more legit

A. Wolff Over a year ago

True but maybe for some reason, OP cannot/doesn't want to modify any server side script, but IMHO, should be done like this

Ehsan Sajjad · Accepted Answer · 2014-05-11 11:10:05Z

4

you can do using jquery this way:

var term= GetURLParameter('term');
$('#saleTerm').val(term);

Here is generic function GetURLParameter():

function GetURLParameter(sParam)
    {
        var sPageURL = window.location.search.substring(1);
        var sURLVariables = sPageURL.split('&');
        for (var i = 0; i < sURLVariables.length; i++)
        {
            var sParameterName = sURLVariables[i].split('=');
            if (sParameterName[0] == sParam)
            {
                return sParameterName[1];
            }
        }
    }

See more Details HERE

edited May 11, 2014 at 11:10

answered May 11, 2014 at 11:04

Ehsan Sajjad

62.6k16 gold badges112 silver badges171 bronze badges

1 Comment

A. Wolff Over a year ago

looks better than accepted answer, handling more cases

Collectives™ on Stack Overflow

Dropdown selected based on URL parameter - PHP or jQuery?

3 Answers 3

4 Comments

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related