keep dropdownselection? what am i doing wrong?

Question

I am trying to check if there is hos paramaeter in the url has anything and if there is, then pass that value as the selected attribute to the dropdown on page refresh, so the dropdown option remains selected even after refresh

   var value = window.location.href.match(/[?&]hos=([^&#]+)/) || [];

        if (value.length == 2) {
            $('#hospitalDropDown[value="' + value[1] + '"]').attr('selected', 'selected');

    }

Here is the dropdown:

<select id="hospitalDropDown" onchange="window.open(this.options[this.selectedIndex].value,'_top')">          <option value="http://mysite.com/events/Pages/default1.aspx">All Hospitals</option>   <option value="http://mysite.com/events/Pages/default1.aspx?hos=Dyer">Dyer</option>   <option value="http://mysite.com/events/Pages/default1.aspx?hos=Carmel">Carmel</option> </select>

And what does the url look like and what does the options look like? — mplungjan, Jan 05 '12 at 16:11
And why do you not finish this one first? http://stackoverflow.com/questions/8743701/retain-dropdown-selection-on-refresh — mplungjan, Jan 05 '12 at 16:12

Adam Rackis · Answer 1 · 2012-01-05T16:25:31.687

0

It looks like your options have the querystring value—All Hospitals, Dyer, Carmel—as the text, but the whole url as the value.

As a result, match on your option's value with *=

if (value.length == 2) {
    $('#hospitalDropDown option[value*="' + value[1] + '"]').attr("selected", "selected");

edited Jan 05 '12 at 16:25

answered Jan 05 '12 at 16:10

Adam Rackis

82,527
56
270
393

keep dropdownselection? what am i doing wrong?

1 Answers1