Question

在移动选择列表中，如何隐藏/删除列表中的第一个默认显示项？查看移动设备时，会弹出一个包含所有选项的窗口，如何删除默认的“选择选项”项？

<select name="test">
    <option value="">Default Label</option>
    <option value="val1">Value 1</option>
    <option value="val2">Value 2</option>
</select>

我想在弹出移动窗口时省略“默认标签”作为选项（不禁用它，但完全删除它）。

Answer 1

我个人最喜欢的方法是制作默认选项disabled

<select name="test">
    <option value="" disabled>Default Label</option>
    <option value="val1">Value 1</option>
    <option value="val2">Value 2</option>
</select>

这样，一旦用户点击下拉列表，他们就必须选择其中一个选项，因为默认设置不再适用于他们。

Answer 2

如果“选择”是指选择元素，那么您可以只包含一个空白选项。

<select>
  <option value=""></option>
  <option value="1">Selection 1</option>
  <option value="2">Selection 2</option>
</select>

这会产生空元素的效果，直到用户做出选择。

Answer 3

如果只是删除默认选项的显示：

select .default
{
    display: none;
}

并将默认类添加到默认<option>

<select name="test">
    <option value="" class="default">Default Label</option>
    <option value="val1">Value 1</option>
    <option value="val2">Value 2</option>
</select>

<强> jsFiddle

移动选择列表 - 隐藏默认选项

3 个答案: