Question

在我的申请中，有两个下拉列表。根据在一个下拉列表中选择的值，禁用/启用另一个下拉列表（存在下拉列表的整个div）。但另一个下降是另一个div。我的问题是这在IE中运行良好，但在Firefox，Chrome

等任何其他浏览器中都没有

     function rrf(id) {
        if (id == 1 || id == 9) {
            $("#IdDiv").children().prop('disabled', true);
           }
        else {
            $("#IdDiv").children().prop('disabled', false);
         }
    }



 $('select[name="DDl1"]').change(function () {
           var idf = $(this).val();
            rrf(idf);
 .
 .
 .
 }

实际上，这两个下拉列表是mvc中的下拉列表。渲染后，第二个下拉列表转换为div，如下所示

 <div id="IdDiv" class="select2-container span4">
 <a class="select2-choice" onclick="return false;" href="#">
   <span>-- SELECT --</span>
   <abbr class="select2-search-choice-close" style="display:none;"></abbr>
   <div>
      <b></b>
   </div>
</a>
<div class="select2-drop select2-offscreen">
  <div class="select2-search">
    <input class="select2-input" type="text" autocomplete="off" tabindex="0">
  </div>
  <ul class="select2-results"> </ul>
</div>

<select id="DDl2" class="span4" name="DDl2" style="display: none;">
<span class="field-validation-valid" data-valmsg-replace="true" data-valmsg-for="DDl2"></span>

</div>

Answer 1

使用$("#IdDiv").children().attr('disabled', 'disabled')禁用并使用$("#IdDiv").children().removeAttr('disabled')启用。

它会起作用....

删除/启用下拉列表除IE之外不起作用

1 个答案: