18

当使用css没有为选择框选择任何内容时，是否可以设置默认提示？还是有一种优雅的方式来处理这个问题

 <option>Select Here</option>?
4

5 回答 5

23

尝试这个：

<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>
于 2013-04-13T05:26:49.737 回答
7

接受的答案并没有像预期的那样对我有用。

如果您需要默认选择“选择一个选项”，这对我有用

<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和name也很重要，因此当您提交表单时，该值将成为 POST 或 GET 的一部分

于 2014-10-10T13:18:11.180 回答
4 

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

于 2017-09-06T16:05:54.940 回答
2

尝试使用未设置值的选项

<select>    
    <option value>Select something</option>
    <option value="1">Foo</option>
    <option value="2">Bar</option>
</select>
于 2013-07-08T12:06:06.137 回答
2

这是我用于设置默认提示的方式，但它不会设置默认值。它使用 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>
于 2018-09-25T03:58:45.220 回答