Question

I have this drop down

<select class="dropdown"><option value="0">Disabled</option><option value="1">Enabled</option></select>

In javascript using query or just plain javascript, I want to dynamically change the value of the select box to that of my div show. here is my div show

Enabled

so if this div is Enabled I should have selected in Enabled option. So the above drop down would be

<select class="dropdown"><option value="0">Disabled</option><option value="1" selected>Enabled</option></select>

how would I do that? thanks

Answer 1

How about this fiddle?

http://jsfiddle.net/rMrSU/

HTML

Enabled

<select class="dropdown">
    <option value="0">Disabled</option>
    <option value="1">Enabled</option>
</select>

JS

$(document).ready(function(){
    $('.dropdown option').each(function(){
        if($(this).text()==$('div#show').text())
            $(this).attr('selected','selected');
    });
});