14

重複の可能性:
<select>プレースホルダー

私はこのようなことをしたい:

<select>
    <option selected="selected">Choose option</option>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
    <option>Option 4</option>
</select>

これがjsfiddleです。

ここで、「オプションを選択」というコンテンツで選択された最初のオプションがドロップダウンに表示されないようにします。select要素でそれが可能である場合、またはカスタムのことを行う必要がある場合、どうすればそれを行うことができますか?前もって感謝します。

4

3 に答える 3

18

プレーンなHTMLソリューションで得られる最も近い方法は、そのオプションを無効にすることだと思います。

<select>
    <option selected="selected" disabled="disabled">Choose option</option>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
    <option>Option 4</option>
</select>

デモ

要素は引き続きリストに表示されますが、グレー表示され、開いた後にドロップダウンから選択することはできません。

于 2013-01-12T23:28:14.507 に答える
7

リストを開くとすぐに、選択した要素を削除できます。

$('select').click(function () {
  $('option[selected="selected"]', this).remove();
});

私はネイティブのHTML/HTML5ソリューションを知りません。

于 2013-01-12T23:27:44.687 に答える
5
<select>
    <option selected="selected" disabled="disabled">Choose option</option>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
    <option>Option 4</option>
</select>

これにより、選択する前に「オプションの選択」が表示されますが、ユーザーはそれを選択できません。

于 2013-01-12T23:31:23.087 に答える