Скажем, у меня это выпадающее меню:
<select id="theOptions1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
Я хочу, чтобы, когда пользователь выбирает 1, это то, что пользователь может выбрать для выпадающего меню 2:
<select id="theOptions2">
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>
Или, если пользователь выбирает 2:
<select id="theOptions2">
<option value="a">a</option>
<option value="b">b</option>
</select>
Или, если пользователь выбирает 3:
<select id="theOptions2">
<option value="b">b</option>
<option value="c">c</option>
</select>
Я пробовал код, размещенный здесь: jQuery отключить параметры SELECT на основе выбранного радио (нужна поддержка для всех браузеров)
Но это не работает для выбора.
Пожалуйста, помогите! Спасибо!
UPDATE: Мне очень понравился ответ Паоло Бергантино: jQuery отключить параметры SELECT на основе выбранного радио (нужна поддержка для всех браузеров)
Есть ли способ изменить это для работы с выборами вместо переключателей?
jQuery.fn.filterOn = function(radio, values) {
return this.each(function() {
var select = this;
var options = [];
$(select).find('option').each(function() {
options.push({value: $(this).val(), text: $(this).text()});
});
$(select).data('options', options);
$(radio).click(function() {
var options = $(select).empty().data('options');
var haystack = values[$(this).attr('id')];
$.each(options, function(i) {
var option = options[i];
if($.inArray(option.value, haystack) !== -1) {
$(select).append(
$('<option>').text(option.text).val(option.value)
);
}
});
});
});
};