Question

使用css选择框没有选择任何内容时是否可以设置默认提示？或者除了

之外还有一种优雅的方式来处理这个问题

 <option>Select Here</option>?

Answer 1

试试这个：

<select>
    <option value="" disabled>Select one--</option>
    <option value="someVal1">Option 1</option>
    <option value="someVal2">Option 2</option>
    <option value="someVal3">Option 3</option>
    <option value="someVal4">Option 4</option>
</select>

Answer 2

接受的答案对我不起作用。

如果您需要＆＃34;选择一个选项＆＃34;默认选择这对我有用

<select id="selected_option" name="selected_option">
     <option value="default" selected="selected">Select one option </option>
     <option value="someVal1">Option 1</option>
     <option value="someVal2">Option 2</option>
     <option value="someVal3">Option 3</option>
     <option value="someVal4">Option 4</option>
</select>

选择具有 ID 和名称也很重要，因此当您提交表单时，该值将成为POST或GET的一部分

Answer 3

尝试使用未设置值的选项

<select>    
    <option value>Select something</option>
    <option value="1">Foo</option>
    <option value="2">Bar</option>
</select>

Answer 4

＆＃13;

                        <select>
                            <option style="display:none">Empty</option>
                            <option>button1</option>
                            <option>button2</option>
                        </select>

＆＃13;

Answer 5

这是我用于设置默认提示的方法，但不会设置默认值。它使用HTML5验证required。这个问题可能有一点转变，但我希望它能对您有所帮助。

<select id="car" name="car[brand]" required>
  <option disabled selected>Select Car Brand</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

当没有为css选择“select”时，如何设置默认提示

5 个答案: