Question

我有一个使用jquery mobile生成的表单。我有一个最初设置为禁用的下拉列表。

<div data-role="fieldcontain">
    <label for="role-edit" class="select">Project Role:</label>
    <select name="role-edit" id="role-edit" data-native-menu="false" disabled="disabled" class="edit-projectinput">     
        <option value="Admin">Admin</option>
        <option value="Project Manager">Project Manager</option>
        <option value="User">User</option>
    </select>
</div>

我想使用jquery启用禁用的selectmenu。我试过了

$(".edit-projectinput").selectmenu("enable");

但它对我不起作用。

请问您如何启用已禁用的selectmenu，如果可能，请告诉我如何禁用它。

这是演示：http://jsfiddle.net/lightbringer/dpv2h/1/

Answer 1

只是做：

$(document).ready(function(){
     $("select.edit-projectinput").selectmenu("enable");
});

<强> Demo

记住，有两个类.edit-projectinput的项目，一个是转换为选择菜单小部件的真实选择，然后是小部件中一个默认选择的span元素，所以只需要专门选择一个重要的项目。您的菜单已初始化，只需调用启用方法即可。

Answer 2

你必须首先初始化selectmenu，

$(".edit-projectinput").selectmenu().selectmenu("enable");

并且还为选择选项使用唯一的类名。

Answer 3

我知道这是一篇较旧的文章，但是在我的代码中遇到了相同的问题并找到了问题，因此在这里为其他人发布。我在网上看到的所有内容都说要使用：

$("selectId").selectmenu("disable");

它没有用。没有错误，只是没有禁用菜单。解决方法是在ID之前添加一个简单的＃：

$("#selectId").selectmenu("disable");

现在它禁用，没有问题：）

如何启用和禁用selectmenu JQuery mobile

3 个答案: