禁用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

如果用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

这样虽然实现了不可选，并可传值，但是选项内容暴露了，也是一个缺陷