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

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 删除第一个选项的“选定”属性/属性：

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