Nói rằng tôi có thả xuống này:jQuery loại bỏ tùy chọn CHỌN dựa trên một chọn lựa chọn (Cần hỗ trợ cho tất cả các trình duyệt)
<select id="theOptions1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
Tôi muốn nó để khi người sử dụng chọn 1, đây là điều mà người sử dụng có thể chọn cho thả xuống 2:
<select id="theOptions2">
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>
Hoặc nếu người sử dụng chọn 2:
<select id="theOptions2">
<option value="a">a</option>
<option value="b">b</option>
</select>
Hoặc nếu Sele người dùng cts 3:
<select id="theOptions2">
<option value="b">b</option>
<option value="c">c</option>
</select>
tôi đã cố gắng mã được đăng ở đây: jQuery disable SELECT options based on Radio selected (Need support for all browsers)
Nhưng nó không làm việc cho lựa chọn.
Vui lòng trợ giúp! Cảm ơn bạn!
UPDATE: Tôi thực sự thích câu trả lời Paolo Bergantino đã có trên: jQuery disable SELECT options based on Radio selected (Need support for all browsers)
Liệu có cách nào để sửa đổi này để làm việc với Selects thay vì nút radio?
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)
);
}
});
});
});
};
Tôi sẽ thử ngay bây giờ. Tôi thích cách bạn giữ giao diện người dùng khá – Oscar
Ví dụ về việc bạn đã lưu cho tôi một ngày làm việc. Cảm ơn! –