这篇文章给大家分享的是jQuery实现select不可编辑但可传值的方法。小编觉得挺实用的,因此分享给大家做个参考,文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起了解看看吧。
本文操作环境:windows7系统、jquery3.2.1版、DELL G3电脑
jquery select 不可编辑怎么办?
js、jquery完美解决下拉框select不可编辑但可传值
//鼠标移入下拉框将其锁定不可用 $('#下拉框ID').mouseenter(function() { $('#下拉框ID').attr("disabled","true"); }); //移入其他地方锁定解除(本想设置成移出下拉框锁定解除,但不生效,只能改为移入其他地方,大佬可解答下?) $("*[id!='下拉框ID']").mouseenter(function() { $('#下拉框ID').removeAttr("disabled"); });
如果允许的话,把下拉框换成input利用list属性
<div class="changeDiv"> <a>性别:</a> <input id="sex" type="text" list="sexlist" readonly="readonly"> <datalist id="sexlist"> <option>男生</option> <option>女生</option> </datalist> </div>
把readonly="readonly"去除就是个可编辑的可联想的下拉框,保留则不可编辑
以上就是关于jQuery实现select不可编辑的示例,上述示例具有一定的参考价值,有需要的朋友可以了解看看,希望对大家学习JavaScript有帮助,想要了解更多可以继续浏览群英网络其他相关的文章。
文本转载自PHP中文网
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理