html中,select下拉框中是没有readonly这个属性的,只有disabled。但是用disabled就无法将下拉框中的数据读出来,所以要想办法将select下拉框设置成只读的。
将select下拉框设置成readonly 的两种办法。
第一种:
- <script>var f=s.selectedIndex</script>
- <select name=s onchange="selectedIndex=f">
- <option>1 </option>
- <option selected>2 </option>
- </select>
<script>var f=s.selectedIndex</script>
<select name=s οnchange="selectedIndex=f">
<option>1 </option>
<option selected>2 </option>
</select>
第二种:
- <span onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" onfocus="this.blur();">
- <select >
- <option>1 </option>
- <option selected>2 </option>
- </select>
- </span>
<span οnmοusemοve="this.setCapture();" οnmοuseοut="this.releaseCapture();" οnfοcus="this.blur();">
<select >
<option>1 </option>
<option selected>2 </option>
</select>
</span>
其中οnmοusemοve="this.setCapture();" οnmοuseοut="this.releaseCapture();" 屏蔽了鼠标事件,
οnfοcus="this.blur();"屏蔽了键盘事件,οnfοcus="this.blur();"表示该对象将获得焦点时就让它失去焦点,按键盘的TAB键时跳过它,使下一个控件获得焦点。