2014-11-24 109 views
0

我正在使用Jquery Mobile顯示選擇框的下拉菜單。如何在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(); 
}); 

但沒有效果。 怎麼可能? 在此先感謝

+0

你是什麼意思,限制開放? – Omar 2014-11-24 06:50:13

+0

@Omar感謝您的回覆。我其實是指在點擊選擇菜單時禁用或阻止選項列表。我不需要顯示在選擇框中單擊時填充的選項列表,但風格和所有需要我。 – 2014-11-24 06:54:05

+0

禁用它http://stackoverflow.com/a/19682317/1771795 – Omar 2014-11-24 07:31:05

回答

0

注意:這裏是工作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"); 
}); 

現在我已經添加了一個按鈕禁用點擊該按鈕的下拉列表,你可以添加你的條件來禁用它。

+0

感謝您的回覆。這個屬性我已經使用,但沒有效果 – 2014-11-24 10:30:07

+0

@VishnuPrasad但完全在我身邊工作。問題是什麼 ?? – 2014-11-24 14:59:33

+0

我發起了一種方法來禁用HTML本身中的選擇框......並在需要時啓用它..其目前的活動,我made.But如果我得到開放事件的jQuery的移動,那麼問題可以修復 – 2014-11-25 04:14:49

相關問題