📅 最后修改于: 2023-12-03 15:16:42.770000 🧑 作者: Mango
disable() 方法是 jQuery Mobile Selectmenu（下拉菜单）控件的一个方法，用于禁用指定的下拉菜单。禁用后，该下拉菜单将无法被选中，并被置灰。
$(selector).selectmenu("disable");
该方法不需要参数。
该方法没有返回值。
以下示例演示了如何使用 disable() 方法来禁用选择菜单：
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Selectmenu disable() 方法示例</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="content">
<label for="mySelect">选择一个项目：</label>
<select name="mySelect" id="mySelect" data-native-menu="false">
<option value="1">项目一</option>
<option value="2">项目二</option>
<option value="3">项目三</option>
</select>
<br><br>
<button onclick="disableSelectMenu()">禁用选择菜单</button>
</div>
</div>
<script>
function disableSelectMenu(){
$("#mySelect").selectmenu("disable");
}
</script>
</body>
</html>
在上面的示例中，我们创建了一个选择菜单，并添加了一个按钮，当点击按钮时，我们使用 disable() 方法来禁用选择菜单。
使用 disable() 方法可以轻松地禁用 jQuery Mobile Selectmenu 控件，使其无法被选中，并被置灰。