HTML选择下拉列表

Question

我想使用select,option标签有一个下拉列表......但是当它第一次出现时我希望它有一个信息,例如"请选择一个名字"然后用户点击下拉列表并从中选择可用选项...我试图将"请选择一个名称"作为选项,但用户将能够选择此...这不是我想要的.我是否需要使用javascript来拥有此功能或我需要做什么？

如果有一种jquery方式来做到这一点,这将是非常有帮助的

Answer 1

试试这个:

<select>
    <option value="" disabled="disabled" selected="selected">Please select a name</option>
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

页面加载时,默认情况下将选择此选项.但是,只要单击下拉列表,用户就无法重新选择此选项.

希望这可以帮助.

Answer 2

<select>
    <option value="" style="display:none">Choose one provider</option>
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

这样,用户无法看到此选项,但会在选择框中显示.

Answer 3

有<option value="">- Please select a name -</option>作为第一选项,并使用JavaScript(和后端验证),以确保用户选择不是空值以外的东西.

Answer 4

这是一个老帖子,但这对我有用

<select>
  <option value="" disabled selected>Please select a name...</option> 
  <option>this</option>
  <option>that</option>
</select>

Answer 5

  <select name="test">
      <option hidden="true">Please select a name</option>
      <option value="Cash">Cash</option>
      <option value="Draft">Demand Draft No.</option>
      <option value="Cheque">Cheque No.</option>
  </select>