0

モバイル選択リストで、リストから最初のデフォルト表示項目を非表示/削除するにはどうすればよいですか? モバイル選択を表示すると、すべてのオプションを含むウィンドウがポップアップ表示されますが、デフォルトの「オプションを選択」項目を削除するにはどうすればよいですか?

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

モバイルウィンドウがポップアップしたときに、オプションとして「デフォルトラベル」を省略したい(無効にするのではなく、完全に削除する)。

4

3 に答える 3

1

私の個人的なお気に入りの方法は、デフォルトのオプションを作成することですdisabled

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

このように、ユーザーがドロップダウンをクリックすると、デフォルトは使用できなくなるため、オプションの 1 つを選択する必要があります。

于 2013-11-08T18:02:11.643 に答える
0

「選択」が選択要素を意味する場合は、空白のオプションを含めることができます。

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

これにより、ユーザーが選択するまで空の要素の効果が得られます。

于 2013-11-08T17:18:25.727 に答える
0

デフォルトオプションの表示を単に削除するのはどうですか:

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>

jsフィドル

于 2013-11-08T18:07:54.310 に答える