jQuery Mobile Selectmenu enable() 方法(1)

📌 相关文章

📜 jQuery Mobile Selectmenu enable() 方法(1)

📅 最后修改于: 2023-12-03 15:02:10.616000 🧑 作者: Mango

jQuery Mobile Selectmenu enable() 方法

简介

jQuery Mobile Selectmenu 是基于 jQuery 的移动端选择菜单插件，可以方便地创建下拉选择框。

enable() 方法是 jQuery Mobile Selectmenu 的其中一种方法，可以用于启用一个被禁用的选择菜单。

语法

$(selector).selectmenu("enable");

参数

参数 | 描述 ---|--- selector | 必需。要启用的选择菜单的 CSS 选择器。

示例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery Mobile Selectmenu enable() 方法</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-mobile/1.4.5/jquery.mobile.min.css">
    <script src="https://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-mobile/1.4.5/jquery.mobile.min.js"></script>
</head>
<body>

    <div data-role="page">
        <div data-role="header">
            <h1>enable() 方法示例</h1>
        </div>

        <div data-role="main" class="ui-content">
            <label for="select-choice-disabled" class="ui-hidden-accessible">请选择：</label>
            <select name="select-choice-disabled" id="select-choice-disabled" disabled="disabled">
                <option value="standard">标准版</option>
                <option value="deluxe">豪华版</option>
                <option value="premium">高级版</option>
            </select>

            <button onclick="enableSelectmenu()">启用选择菜单</button>
        </div>

        <div data-role="footer">
            <h1>版权声明</h1>
        </div>
    </div>

<script>
function enableSelectmenu() {
    $("#select-choice-disabled").selectmenu("enable");
    alert("选择菜单已启用");
}
</script>

</body>
</html>

代码解释：

在页面中引入了 jQuery、jQuery Mobile 的库文件。
创建了一个被禁用的选择菜单，它的 id 为 "select-choice-disabled"，通过设置 disabled="disabled" 来禁用该选择菜单。
创建了一个按钮，并通过 onclick 事件调用 enableSelectmenu() 函数。
在 enableSelectmenu() 函数中，调用 $("#select-choice-disabled").selectmenu("enable") 方法来启用选择菜单，同时弹出一个提示框提示启用成功。

总结

通过 enable() 方法，我们可以方便地启用禁用的选择菜单。这使得选择菜单的交互更加友好，用户可以在需要的时候进行选择。