如何啓用或禁用列表框

Question

如何啓用或禁用使用jQuery的列表框控件？

的HTML代碼如下：

<div> 
    <select size="4" name="ctl02$ddlCompensationDates" multiple="multiple" id="ctl02_ddlCompensationDates" disabled="disabled" class="chzn" style="width: 173px; display: none;"> 
     <option value="06/12/2015">06/12/2015</option> 
     <option value="06/15/2015">06/15/2015</option> 
     <option value="06/20/2015">06/20/2015</option> 
     <option value="06/21/2015">06/21/2015</option> 
    </select> 
    <div class="chosen-container chosen-container-multi chosen-disabled" style="width: 173px;" title="" id="ctl02_ddlCompensationDates_chosen"> 
     <ul class="chosen-choices"> 
      <li class="search-field"> 
       <input type="text" value="Select Some Options" class="default" autocomplete="off" style="width: 149px;" disabled=""> 
      </li> 
     </ul> 
     <div class="chosen-drop"> 
      <ul class="chosen-results"></ul> 
     </div> 
    </div> 
</div> 

我曾嘗試在做ASP.NET頁面如下：

$('#<%= ddlCompensationDates.ClientID %>').attr('disabled', false); 
$('#<%= ddlCompensationDates.ClientID %>').focus(); 

Answer 1

我使用下面的代碼行解決我的問題：

$('#<%= ddlCompensationDates.ClientID %>').prop('disabled', false).trigger("chosen:updated");