Question

不知道如何提出这个问题......如果没有这个选项，我怎么能显示出一个descrition / deafukt值。

例如：

    <select class="form-control">
            <option value="">Choose a Number...</option>
            <option value="two">Two</option>
            <option value="three">Three</option>
            <option value="four">Four</option>
            <option value="five">Five</option>
    </select>

如何在未选择的模式下显示“选择一个号码”但不将其作为选项显示。像下拉列表应该只显示可以选择的选项。

Answer 1

select标签没有占位符属性。要解决此问题，您可以执行以下操作：

HTML：

<select>
    <option class="hidden_option" selected disabled>Choose a number</option>
    <option>1</option>
    <option>2</option>
</select>

CSS：

select > option.hidden_option{
    display: none;
}

通过这种方式，您可以创建一个不会作为选项列出的伪占位符。

这是一个JsFiddle demo供您查看实际操作

选择所选标签而不是选项

1 个答案: