How can I apply hide(), show() to an <option> in a <select>?
Hello,
I would like to hide and show one or several <option> elements in a <select> element, under both IE 7 (or probably above), and Firefox 3.
My elements are :
<select name="source">
<option value="A">A</option>
<option value="B">B</option>
</select>
But I cannot hide option with such a call (neither in IE 7 nor in Firefox 3.5.7):
$("select[name='source'] option[value='A']").hide();
Would you please tell me what goes wrong?
Thanks.