[HTML] select默认不选中任何一项

如果想要select在初始状态下没有选中任何项,我们可以使用以下方法来模拟

<select id="select1">
    <option disabled selected value="0">default</option>
    <option value="1">a</option>
    <option value="2">b</option>
    <option value="3">c</option>
    <option value="4">d</option>
</select>

默认选中这个disabledoption,一旦更换了选择,就不能再选中默认的option了,如下图:



注:
(1)此时因为<option disabled selected value="0">default</option>
所以select1.value==='0'

(2)如果<option disabled selected value>default</option>
select1.value===''

(3)如果<option disabled selecte>default</option>
select1.value==='default'

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容