本文摘自PHP中文网,作者藏色散人,侵删。
jquery让select不选中的实现方法:首先打开相应的代码文件;然后通过“attr()”方法设置disabled属性为disabled;最后运行代码即可查看select下拉框不选中的效果。
本教程操作环境:Windows7系统、jquery3.3.1版本,该方法适用于所有品牌电脑。
相关推荐:《jquery视频教程》
jquery让select不选中:
在jquery中,设置select下拉框不可选,不选中,主要是通过attr()方法设置disabled属性为disabled。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | <!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>
|
效果图:
阅读剩余部分
相关阅读 >>
jQuery ui datepicker时间控件的用法(三)
jQuery怎么自定义函数
jQuery怎么改变this指向
jQuery如何判断某个属性是否存在hasattr
jQuery怎么获取焦点?
jQuery如何判断数组中是否存在某个值
layui的select框不出来怎么办
jQuery如何检查字符串中是否包含指定字符?
jQuery不兼容低版本ie浏览器怎么办
jQuery load方法加载文档时的中文乱码怎么办
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » jquery让select不选中怎么实现