1

私のアプリケーションには 2 つのドロップダウンがあります。1 つのドロップダウンで選択された値に基づいて、もう 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);
 .
 .
 .
 }

実際には、2 つのドロップダウンは mvc のドロップダウン リストです。レンダリング後、2 番目のドロップダウン リストは以下のように 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 に答える