大家知道, 对于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
这样虽然实现了不可选，并可传值，但是选项内容暴露了，也是一个缺陷