您的位置:首页 > Web前端 > JavaScript

禁止选择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


這樣就搞定了.呵呵.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js select 禁止改变