如何在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

注意 ：这是有效的演示

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");
});

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