html - 使用 "0 items"标签的 "multiple"属性时，如何更改移动版 safari 的默认文本 "select"？

Question

我在 html 标签“select”中使用了“multiple”属性。

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

在移动版 Safari 中，默认情况下它会在框中显示“0 项”。当我选择超过 1 项时，说 3 然后它会在框中显示“3 项”。

是否可以将默认文本从“0 项”更改为“选择选项”等其他内容？

Answer 1

是的。这是您需要的:对于您的第一个选项，只需添加

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

隐藏的类很简单:

.hidden { display:none; }

然后在焦点上，使用 jquery 删除第一个选项的“selected”属性/属性:

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