小编Osc*_*car的帖子

说我有这个下拉列表:

<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禁用基于Radio选择的SELECT选项(需要支持所有浏览器)

但它不适用于选择.

请帮忙!谢谢!

更新:我真的很喜欢Paolo Bergantino的答案: jQuery禁用基于Radio选择的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, …