Как отключить раскрывающийся список в окне выбора в jQuery Mobile

Question

Я использую JQuery Mobile для отображения раскрывающегося списка для выбора окна.

<select id="category_type" multiple="multiple" class="category" tabindex="-1" placeholder="Category"> 
<option></option> 
. 
. 
</select> 

В некоторых условиях мне нужно ограничить раскрытие раскрывающегося списка окна выбора при нажатии.

Я попытался с

jQuery("#category_type").bind("change", function(e) { 
    jQuery.mobile.selectmenu.prototype.options.hidePlaceholderMenuItems = false; 
    e.preventDefault(); 
}); 

Но не вступили в силу. Как это возможно ?. Заранее спасибо

Answer 1

Примечание: Здесь работает DEMO

HTML Часть:

<div data-role="fieldcontain"> 
    <button id="disable_select">Disable</button> 
    <select name="select-choice-1" id="select-choice-1"> 
     <option value="standard">Standard: 7 day</option> 
     <option value="rush">Rush: 3 days</option> 
     <option value="express">Express: next day</option> 
     <option value="overnight">Overnight</option> 
    </select> 
</div> 

JS Часть:

$("#disable_select").click(function() { 
    $("#select-choice-1").attr("disabled","disabled"); 
}); 

Прямо сейчас я добавил кнопку, чтобы отключить выпадающий щелчок по этой кнопке, вы можете добавить свое условие, чтобы отключить его.