1

在我的应用程序中有两个下拉菜单。根据在一个下拉列表中选择的值，另一个下拉列表（存在下拉列表的整个 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>
4

1 回答 1

2

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

它会工作....

于 2013-09-12T11:03:39.857 回答