Question

何时

$("select").select2({});

在代码中，javascript无法解锁下一个下拉列表。 Firefox中存在问题。移除后，它就像一个魅力。

http://jsfiddle.net/DcunN/7/

Answer 1

根据documentation，你可以这样做。

 $('#dropdown2').select2('enable', false);

和

  $('#dropdown2').select2('enable', true);

您可以将其简化为：

$("#dropdown1").change(function () {
     $('#dropdown2').find('option').remove().end();
     var val = obj[$(this).val()];
     if (val) {
         $('#dropdown2').append('<option></option>' + obj[$(this).val()]);
     } 
     $('#dropdown2').select2('enable', !val);

 });

<强> Fiddle

Answer 2

您不能只改变属性。您还必须重新初始化Select2以更新其元素类。

http://jsfiddle.net/isherwood/DcunN/9/

$("#dropdown1").change(function () {
         $('#dropdown2').find('option').remove().end();

         if (obj[$(this).val()] !== undefined) {
             $('#dropdown2').removeAttr('disabled').select2();

             ...

Select2不允许下拉列表被解除阻止

2 个答案: