Jquery make dropdown menu selected item

Question

I have a drop-down menu, when I select any option, the page redirects. Now I want to make the page as the selected item in the drop down. Here is my code:

HTML:

<select class="MobileDropDown">
    <option value="/">Home</option>
    <option value="/technology">Topics</option>
    <option value="/about">About Us</option>
    <option value="/vendor">Vendor Directory</option>
    <option value="/popular-research">Popular White Papers</option>
</select>

Javascript:

<script type="text/javascript">
    $(".MobileDropDown").change(function(){
        window.location.href = $(this).val();
    });

    var URLMobile = window.location.href.split('/');

    $(".MobileDropDown option").each(function(){
        if($(this).val() == '/' + URLMobile[3]) {
            $(this).attr('selected', 'selected');
        }
    });
</script>

I am sure this is not the best way to do this, but how would I fix this?

You only need to apply a value to the select. The option should then be selected by default. E.g.: $('.MobileDropDown').val('/about');. — Yoshi
– Yoshi, Commented Nov 25, 2013 at 18:02
var addressValue = $(this).attr("href"); Gets the address of whatever was clicked. — echochamber
– echochamber, Commented Nov 25, 2013 at 18:02

sSaroj · Accepted Answer · 2013-11-25 18:12:31Z

1

Hope this helps..

$(document).ready(function(){
    $(".MobileDropDown").change(function(){
        window.location.href = $(this).val();
    });

    var URLMobile = window.location.href.split('/');

    $(".MobileDropDown").val("/" + URLMobile[3]);
})

answered Nov 25, 2013 at 18:12

sSaroj

2684 silver badges18 bronze badges

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

Comments

Rajaprabhu Aravindasamy · Accepted Answer · 2013-11-25 18:05:23Z

0

You can simplify the selecting process like this,

$(".MobileDropDown option:contains(" + '/' + URLMobile[3] + ")").prop('selected',true);

or

$(".MobileDropDown").val("/" + URLMobile[3]);

answered Nov 25, 2013 at 18:05

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

Collectives™ on Stack Overflow

Jquery make dropdown menu selected item

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related