如何在jQuery Mobile的select框中禁用打开下拉列表

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 Part：

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

现在我添加了一个按钮来禁用单击该按钮的下拉列表，您可以添加条件以禁用它。