15

HTMLタグ「select 」で「 multiple 」属性を使用しています。

<select multiple>
   <option>1</option>
   <option>2</option>
   <option>3</option>
   <option>4</option>                         
</select>

モバイルサファリでは、デフォルトでボックスに「0 アイテム」と表示されます。複数のアイテムを選択している場合、たとえば 3 つを選択すると、ボックスに「3 つのアイテム」が表示されます。

デフォルトのテキストを「0 項目」から「オプションの選択」などに変更することはできますか?

4

1 に答える 1

2

はい。必要なものは次のとおりです。最初のオプションでは、単に追加します

<option disabled selected class="hidden">Select option(s)</option>

class hidden は単に次のとおりです。

.hidden { display:none; }

次に、焦点を合わせて、jquery を使用して最初のオプションの「選択された」属性/プロパティを削除します。

$('select').on('focus', function() {
    $(this).children(':first-child').removeProp('selected');
});
于 2014-02-18T22:02:53.383 に答える