Chosen Field Cannot Be Disable

I have a chosen field but i try to disble in some option.but the options i tried are here these are not working for me.i need to make this readonly.

1)$('#ddlUomLevelControl').attr('disabled', true).trigger("chosen:updated");
2) $("#ddlUomLevelControl").attr('disabled', true).trigger("liszt:updated");



<div class="form-group" id="txtControls">
   <label data-bind="text: SelectedUomLevelControlIdsDisplayName,style: { color: SelectedUomLevelControlIdsCaptionColor()}" class="control-label col-lg-3" style="color: rgb(99, 99, 99);">Controls</label>
     <div class="col-lg-9">
        <select multiple="" class="chzn1-select chzn1-done" id="ddlUomLevelControl" style="display: none;">
           <option value="2">Purchase</option>
           <option value="1">Sell</option>
        </select>
       <div id="ddlUomLevelControl_chzn1" class="chzn1-container chzn1-container-multi" style="width: 100%;">
          <ul class="chzn1-choices">
             <li class="search-field"><input type="text" value="Select Some Options" class="default" autocomplete="off" style="width: 120px !important;"></li>
          </ul>
         <div class="chzn1-drop" style="left: -9000px; width: 98px; top: 31px;">
            <ul class="chzn1-results">
               <li id="ddlUomLevelControl_chzn1_o_0" class="active-result" style="">Purchase</li>
               <li id="ddlUomLevelControl_chzn1_o_1" class="active-result" style="">Sell</li>
            </ul>
          </div>
       </div>
    </div>
</div>


Source: html5

Leave a Reply