如何设置select只读不可编辑且select的值可传递

发布时间:2022-04-12 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了如何设置select只读不可编辑且select的值可传递脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
1. <select style="width:195px" name="role" id="role" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">

这种方法可以使下拉框和平常没有区别,看起来没有任何不同。唯一不同的就是下拉并单并选择之后,它不会鸟你,选了和没有选一样一样的。就是无视客户的选择。

2.设置disabled属性<select style="width:195px" name="role" id="role" disabled="disabled">

这个看起来更直接,直观就是有只读的感觉,也不可以点击和下拉了。里面的字也会变成灰色

当属性设置为"disabled"时,提交表单时,select的值无法传递,提交前移除disabled属性$("#role").removeAttr("disabled");

jquery添加属性$("#role").attr("disabled","disabled");

脚本宝典总结

以上是脚本宝典为你收集整理的如何设置select只读不可编辑且select的值可传递全部内容,希望文章能够帮你解决如何设置select只读不可编辑且select的值可传递所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。