Скройте опции в списке выборки с помощью jQuery
Мы определяем 'единицу', чтобы быть единым классом.
, Поскольку Вы справедливо утверждаете, что 'единица' является неоднозначным термином, и это приводит к беспорядку, когда разработчики просто используют выражение, не добавляя деталь. Где я работаю, мы не торопились для определения то, что мы имеем в виду, когда мы говорим 'модульный тест', 'приемочное испытание', и т.д. Когда кто-то новые соединения команда, они изучают определения, которые мы имеем.
С практической точки зрения, вероятно, всегда будут расхождения во мнениях о том, какова 'единица'. Я нашел, что то, что важно, просто, что термин используется последовательно в контексте проекта.
4 ответа
Как бы то ни было, второй формы (с @ ) не существует в jQuery 1.3. Первый не работает, потому что вы, очевидно, ожидаете интерполяции переменных. Попробуйте следующее:
$("#edit-field-service-sub-cat-value option[value=" + title + "]").hide();
Обратите внимание, что это, вероятно, будет ломаться по-разному, если title содержит метасимволы селектора jQuery.
Взгляните на этот вопрос и ответы -
Отключить параметры выбора ...
Глядя на свой код, вам может потребоваться указать значение атрибута
$("#edit-field-service-sub-cat-value option[value='title']").hide();
В большинстве случаев кавычки необязательны, но следует использовать, чтобы избежать конфликтов, когда значение содержит символы типа "]"
EDIT:
Только что понял, что вы получаете заголовок из параметра функции, и в этом случае синтаксис должен быть
$("#edit-field-service-sub-cat-value option[value='" + title + "']").hide();
Вы не можете использовать этот x-браузер. Если я помню, то есть проблемы. Самый простой способ - сохранить клонированную копию выбранного элемента перед удалением элементов, это позволяет легко удалить, а затем снова добавить отсутствующие элементы.
Я пытался скрыть параметры из одного списка выбора на основе выбранного варианта из другого списка выбора. Он работал в Firefox3, но не в Internet Explorer 6. У меня здесь возникли некоторые идеи, и теперь у меня есть решение, поэтому я хотел бы поделиться:
Код JavaScript
function change_fruit(seldd) {
var look_for_id=''; var opt_id='';
$('#obj_id').html("");
$("#obj_id").append("<option value='0'>-Select Fruit-</option>");
if(seldd.value=='0') {
look_for_id='N';
}
if(seldd.value=='1'){
look_for_id='Y';
opt_id='a';
}
if(seldd.value=='2') {
look_for_id='Y';
opt_id='b';
}
if(seldd.value=='3') {
look_for_id='Y';
opt_id='c';
}
if(look_for_id=='Y') {
$("#obj_id_all option[id='"+opt_id+"']").each(function() {
$("#obj_id").append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>");
});
}
else {
$("#obj_id_all option").each(function() {
$("#obj_id").append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>");
});
}
}
HTML
<select name="obj_id" id="obj_id">
<option value="0">-Select Fruit-</option>
<option value="1" id="a">apple1</option>
<option value="2" id="a">apple2</option>
<option value="3" id="a">apple3</option>
<option value="4" id="b">banana1</option>
<option value="5" id="b">banana2</option>
<option value="6" id="b">banana3</option>
<option value="7" id="c">Clove1</option>
<option value="8" id="c">Clove2</option>
<option value="9" id="c">Clove3</option>
</select>
<select name="fruit_type" id="srv_type" onchange="change_fruit(this)">
<option value="0">All</option>
<option value="1">Starts with A</option>
<option value="2">Starts with B</option>
<option value="3">Starts with C</option>
</select>
<select name="obj_id_all" id="obj_id_all" style="display:none;">
<option value="1" id="a">apple1</option>
<option value="2" id="a">apple2</option>
<option value="3" id="a">apple3</option>
<option value="4" id="b">banana1</option>
<option value="5" id="b">banana2</option>
<option value="6" id="b">banana3</option>
<option value="7" id="c">Clove1</option>
<option value="8" id="c">Clove2</option>
<option value="9" id="c">Clove3</option>
</select>
Было проверено как работающее в Firefox 3 и Internet Explorer 6.