脚本宝典收集整理的这篇文章主要介绍了jquery select 不可编辑怎么办,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
jquery select不可编辑的解决办法:1、打开相应的js代码文件;2、把下拉框换成input;3、把“readonly="readonly"”去除即可。
本文操作环境: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视频教程》
以上就是jquery select 不可编辑怎么办的详细内容,更多请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的jquery select 不可编辑怎么办全部内容,希望文章能够帮你解决jquery select 不可编辑怎么办所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。