禁止选择select选项
2015-03-26 15:39
295 查看
大家知道, 對於HTML控件select, 是沒有readOnly屬性的,
所以設置它並不起作用,如:
1
<select id="select1" readonly="readonly">
2
<option value="aa">aa</option>
3
<option value="bb">bb</option>
4
<option value="cc">cc</option>
5
<option value="dd">dd</option>
6
</select>
7
如果用disabled的話,提交時又取不到值.
那麼有什麼方法可以實現?
----我現在還沒找到 -_-!
不過可以有一個折中的方法,如下:
1
<select id="select1" onfocus="this.defOpt=this.selectedIndex" onchange="this.selectedIndex=this.defOpt;">
2
<option value="aa">aa</option>
3
<option value="bb">bb</option>
4
<option value="cc" selected>cc</option>
5
<option value="dd">dd</option>
6
</select>
7
這樣就搞定了.呵呵.
所以設置它並不起作用,如:
1
<select id="select1" readonly="readonly">
2
<option value="aa">aa</option>
3
<option value="bb">bb</option>
4
<option value="cc">cc</option>
5
<option value="dd">dd</option>
6
</select>
7
如果用disabled的話,提交時又取不到值.
那麼有什麼方法可以實現?
----我現在還沒找到 -_-!
不過可以有一個折中的方法,如下:
1
<select id="select1" onfocus="this.defOpt=this.selectedIndex" onchange="this.selectedIndex=this.defOpt;">
2
<option value="aa">aa</option>
3
<option value="bb">bb</option>
4
<option value="cc" selected>cc</option>
5
<option value="dd">dd</option>
6
</select>
7
這樣就搞定了.呵呵.
相关文章推荐
- 怎样把select中的option禁止了-也就是怎么禁止选择下拉框中的某个选项
- 怎样把select中的option禁止了-也就是怎么禁止选择下拉框中的某个选项
- ExtJS4 ComboBox选择第一个选项时不能触发select事件的处理
- JQuery中select_tag获取当前选择跟列表中第一个选项值
- select下拉列表判断是否进行了选项的选择
- jQuery Mobile中选择select的data-*选项
- 禁止select下拉框的其中某个选择项不能被选择
- AngularJS系列之select下拉选择第一个选项为空白的解决办法
- html option禁用选择 select禁用选项示例
- 禁止select控件选择
- select中选择option其中一个选项,显示相关的内容
- 怎样能够调用系统自带相机,而禁止出现选择第三方相机的选项
- -moz-user-select与onselectstart 禁止选择文字的方法
- select 禁止 选择
- onselectstart与onselect—禁止选择或禁止复制
- select下拉列表 和 radio单选按钮控件开关---- 根据值选择选项 & change事件
- css - user-select 禁止用户选择文字
- -moz-user-select与onselectstart 禁止选择文字的方法
- [导入]怎样把中的禁止 怎么禁止选择下拉框中的某个选项
- 如何设置select下拉禁止选择