「選択」タグの「複数」属性を使用する場合、モバイルサファリのデフォルトテキスト「0 items」を変更するにはどうすればよいですか？

Question

htmlタグ "select"の "複数"属性を使用しています。モバイルSafariで

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

、デフォルトでは、ボックス内の "0アイテム" を示しています。 1つ以上のアイテムを選択すると、3と表示され、ボックスには「3個のアイテム」と表示されます。

デフォルトテキストを「0アイテム」から「オプションを選択」のように変更することはできますか？

Answer 1

はい。私はあなたが言及したかを確認するために、こので遊んでしなければならなかったが、ここでは何が必要です：

.hidden { display:none; } 

その後、上：隠されたクラスは、単にここであなたの最初のオプションのために、単に

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

を追加しますフォーカス、jqueryのを使用して最初のオプションの「選択」属性/プロパティを削除します。

$('select').on('focus', function() { 
    $(this).children(':first-child').removeProp('selected'); 
}