Question

I have a select element that is in the DOM from page load. Lets say it has an id of my_select like so:

<select name="my_select" id="my_select">
</select>

At some point though when the user does something some values are pulled in via ajax to populate this select element so that it now contains options. So it will now look like this:

<select name="my_select" id="my_select">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>

So how do I then add an attribute to one of these options?

I want to do this:

$('#my_select option[value="2"]').attr("selected", "selected");

But I think I need to use live() because the options were added via ajax after the DOM had been created.

Thanks

Answer 1

$("body").delegate('#my_select", 'YOUREVENT', function(){
    $("#my_select option[value='2']").attr("selected", "selected");
});