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

Posted 邱明成

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何设置select只读不可编辑且select的值可传递相关的知识,希望对你有一定的参考价值。

当属性设置为disabled时,提交表单时,select的值无法传递,提交前移除disabled属性就可以了

 
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的值可传递

jsp怎样使得下拉框只读而且不会影响取值

如何实现表单里的select值与input关联?

怎么将checkbox,radio,select控件设置为只读,不可选

js 如何设置text为灰色不可编辑?

js 如何设置select的宽度的?