jQuery 如何让 select 不选中? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
在 jQuery 中, 设置 select 下拉框不可选, 不选中, 主要是通过 attr() 方法设置 disabled 属性为 disabled.
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="UTF-8">
- <title>
- Title
- </title>
- <style>
- select{ /* 为了看到效果这里添加了宽和高 */ width:100%; height:100px; margin:100px 0;
- }
- </style>
- <script src="https://code.jquery.com/jquery-3.3.1.min.js">
- </script>
- </head>
- <body>
- <div id="div1">
- <select id="select1">
- <option value="1">
- 我是第一个 option
- </option>
- <option value="2">
- 我是第二个 option
- </option>
- <option value="3">
- 我是第三个 option
- </option>
- <option value="4">
- 我是第四个 option
- </option>
- </select>
- </div>
- <div id="select2">
- <select>
- <option value="1">
- 我是第一个 option
- </option>
- <option value="2">
- 我是第二个 option
- </option>
- <option value="3">
- 我是第三个 option
- </option>
- <option value="4">
- 我是第四个 option
- </option>
- </select>
- </div>
- <script>
- $(function() {
- $("select").each(function() {
- $(this).attr("disabled", "disabled");
- });
- });
- </script>
- </body>
- </HTML>
效果图:
说明:
这样通过 attr() 方法直接在 select 标签上添加 disabled="disabled" 属性来禁用 select, 让 select 标签不能展开, 也就不可选中了.
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/17114.html