下拉框只读

html中，select下拉框中是没有readonly这个属性的，只有disabled。但是用disabled就无法将下拉框中的数据读出来，所以要想办法将select下拉框设置成只读的。

将select下拉框设置成readonly 的两种办法。

第一种：

[html] view plain copy print ?

1. <script>var f=s.selectedIndex</script> 
2. <select name=s onchange="selectedIndex=f">  
3. <option>1 </option>  
4. <option selected>2 </option>   
5. </select>   

<script>var f=s.selectedIndex</script>
<select name=s onchange="selectedIndex=f"> 
<option>1 </option> 
<option selected>2 </option>  
</select>  

第二种：

[html] view plain copy print ?

1. <span onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" onfocus="this.blur();"> 
2. <select >  
3. <option>1 </option>  
4. <option selected>2 </option>  
5. </select> 
6. </span> 

<span onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" onfocus="this.blur();">
<select > 
<option>1 </option> 
<option selected>2 </option> 
</select>
</span>

其中onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" 屏蔽了鼠标事件，

onfocus="this.blur();"屏蔽了键盘事件，onfocus="this.blur();"表示该对象将获得焦点时就让它失去焦点，按键盘的TAB键时跳过它，使下一个控件获得焦点。