美文网首页HTML
[HTML] select默认不选中任何一项

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

作者: 何幻 | 来源:发表于2016-08-10 16:59 被阅读1599次

    如果想要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'

    相关文章

      网友评论

        本文标题:[HTML] select默认不选中任何一项

        本文链接:https://www.haomeiwen.com/subject/ycjjsttx.html