如何在使用"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 删除第一个选项的“selected”属性/属性：

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