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

前端技术 2023/09/08 HTML
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\");

本文地址:https://www.stayed.cn/item/23115

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。