jquery selector to get all select dropdowns with a particular value selected

How do I select all the select boxes using a jQuery selector where value selected is "A1"?

Sample select box:

<select name="accesslevel">
<opti开发者_开发知识库on value="A1">A1 Access</option>
<option value="A2">A2 Access</option>
</select>

I have to use the selector to do the following thing:

.parent().nextAll('td[id^="A1Access"]').show();
.parent().nextAll('td[id^="A2Access"]').hide();

Can anyone help?

As mentioned before, Prakash's solution is the closest, but it selects the option value rather than the select box itself. This can be fixed with the :has selector.

$('select:has(option[value="A1"]:selected)')

Try :

$('select option[value="A1"]:selected')

$('select').filter(
function(){   
   if($(this).val()=="A1")
        return true;
    else
        return false;
}
)

you can add your function after this like

$('select').filter(
function(){   
   if($(this).val()=="A1")
        return true;
    else
        return false;
}
).parent().nextAll('td[id^="A1Access"]').show();

Here's something like your original spec, but just modified a bit to work with my selectors.

$('.container').find('option[value=A1]').filter(':selected').parent('select').show();

And here it is Simplified:

$('option[value=A1]:selected').parent('select');

For simply selecting option in all html body

alert($('option[value=A1]').html());

For select

alert($('select[name=accesslevel]').find('option[value=A1]').html());

But alert will work with only one element.

For select you have

$('option[value=A1]').parent().remove(); 

It will select the parent and remove it.

Make an id like this..

<select name="accesslevel" id="myselector">
<option value="A1">A1 Access</option>
<option value="A2">A2 Access</option>
</select>

Now select it with that id.

$("select#myselector option:selected").each(function () 
{
     alert($(this).text() + " ");
});