[英]How to enable and disable selectmenu JQuery mobile
我有一个使用 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 启用禁用的选择菜单。 我试过了
$(".edit-projectinput").selectmenu("enable");
但这对我不起作用。
能否请您指导我如何启用禁用的选择菜单,如果可能,请告诉我如何禁用一个。
只是做:
$(document).ready(function(){
$("select.edit-projectinput").selectmenu("enable");
});
记住,类.edit-projectinput
将有 2 个项目,一个是转换为选择菜单小部件的真正选择,然后是小部件中的一个默认选择的跨度元素,因此只需专门选择重要的那个。 您的菜单已经初始化,只需在其上调用 enable 方法即可。
你必须先初始化选择菜单,
$(".edit-projectinput").selectmenu().selectmenu("enable");
并为选择选项使用唯一的类名。
我知道这是一篇较旧的帖子,但在我的代码中遇到了同样的问题并发现了问题,所以在这里发布给其他人。 我在网上看到的一切都说要使用:
$("selectId").selectmenu("disable");
它没有用。 没有错误,只是没有禁用菜单。 修复是在 ID 前加上一个简单的 #:
$("#selectId").selectmenu("disable");
现在它禁用了,没问题:)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.