如何使选项元素只读但不禁用选择元素

Question

我尝试将 readonly 属性设置为 true，但它不起作用，因为我仍然可以从下拉列表中选择值。

<tr>
    <td>
        <select name="type" tabindex="0">
            <option value=""></option>
            <option value="first">first</option> 
            <option value="second">second</option>
        </select> 
    </td> 
</tr>

Answer 1

您可以使用disabledonoptions代替整个select标签

<select name="type" tabindex="0">
 <option value="" disabled></option>
 <option value="first" disabled>first</option> 
<option value="second" disabled>second</option>
</select>