只能看不能改的Select

只能看不能改的select元素

让 select 里的值只能看, 不允许选默认值外的其它值

呵呵，我看到这个题目首先想到的是disable，但是禁用的话就连看都看不了了。代码和效果如下：

<select name="" disabled="disabled">
<option>哎，禁用了啊。</option>
<option>没用的选项。</option>
</select>

    哎，禁用了啊。

   没用的选项。

   

panliu888的代码实给出了解决方案，代码是极其的简单：

<select name="select" οnchange="selectedIndex=0">
<option>abc</option>
<option>def</option>
</select>

  

        abc

       def

       

呵呵，看看上面的select，怎么选都会返回默认的选项。

remaski的代码就更绝了，看来是对表单的HTML代码非常熟悉啊：

<select>
<option selected>下面两项只能看看啊</option>
<optgroup label="看看一">
</optgroup>
<optgroup label="看看二，哈哈">
</optgroup>
</select>

    下面两项只能看看啊

         

由于optgroup表示的是选项分类，是不能选择的。

原文出处：http://www.cainiao8.com/web/js_blueidea/32_readonly_select.html