本文介绍了一种在HTML中使用Select控件时，通过JavaScript实现只读效果的方法，解决了Select控件没有原生只读属性的问题，并确保了表单提交时能保留选择的值。
大家知道, 對於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
<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 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
這樣就搞定了.呵呵.
扫一扫
1567
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
