下拉菜单只读的实现(原创自Zjmainstay)

<select onchange="this.selectedIndex = 0;">

<option>1</option>

<option>2</option>

<option>3</option>

<option>4</option>

<option>5</option>

</select>

原理,无论select选中了什么,把它的selectIndex(option下标,相当数组下标)设置成同一个,

可以是0,1,2...n-1分别对应各个<option>n</option>(n=1,2,3...),

这里设置成0,即无论怎么选都是选中第一个。

这样,就相当select只读了。

<!--摘要效果-->

<!--


请选择下拉菜单测试:
<select onchange="this.selectedIndex = 0;">

<option>1</option>

<option>2</option>

<option>3</option>

<option>4</option>

<option>5</option>

</select>

通过onchange="this.selectedIndex = 0;"使得select无论选中哪一个option,都跳回第一个,达到只读效果。

-->

原文地址:https://www.cnblogs.com/Zjmainstay/p/HTML_select_readonly.html