Попытка скрыть некоторые опции тега с помощью jquery не работает IE, Safari и Opera
Я пытаюсь скрыть некоторые<options>
теги с JQuery, но это не похоже на работу.
Я хочу скрыть все варианты, которые имеютrel
приписывать.
Показать только варианты дляrel='3'
Этот код работает на FF и Chrome. Не работает IE, Safari и Opera.
Вот мой jsfiddle:
Вот разметка и скрипт:
<select name="myselect" id="myselect" >
<option value=''></option>
<option rel='1' value='1A'>1A</option>
<option rel='1' value='1B'>1B</option>
<option rel='2' value='2A'>2A</option>
<option rel='2' value='2B'>2B</option>
<option rel='2' value='2C'>2C</option>
<option rel='3' value='3A'>3A</option>
<option rel='3' value='3B'>3B</option>
<option rel='3' value='3C'>3C</option>
<option rel='3' value='3D'>3D</option>
</select>
Автор сценария:
$("#myselect [rel]").hide(); // hide all options
$("#myselect [rel=3]").show(); // hide whow only rel=3 options