在Safari iOS 7中进行多项选择

Question

当我在选择下拉列表中使用多个选项时 - safari遇到了奇怪的问题.当我选择一个选项并说"完成"时,下拉列表会返回显示"0项".但是如果我选择多个选项(多个选项),除了第一个选项之外的所有选项都会被选中.在此之后,如果我取消选择所有选项,则最后一个选项保持选中状态.

在iOS 7.0.3上使用safari进行演示检查.

<select multiple="multiple">
<option value="1">option 1</option>
<option value="2">option 2</option>
<option value="3">option 3</option>
</select>

我查看了http://www.thecssninja.com/html/optgroup-ios6,但是谈到了使用optgroups的问题 - 当与多个一起使用时,目前似乎完全崩溃了safari.

Answer 1

    // hack for iPhone 7.0.3 multiselects bug
    if(navigator.userAgent.match(/iPhone/i)) {
        $('select[multiple]').each(function(){
            var select = $(this).on({
                "focusout": function(){
                    var values = select.val() || [];
                    setTimeout(function(){
                        select.val(values.length ? values : ['']).change();
                    }, 1000);
                }
            });
            var firstOption = '<option value="" disabled="disabled"';
            firstOption += (select.val() || []).length > 0 ? '' : ' selected="selected"';
            firstOption += '>&laquo; Select ' + (select.attr('title') || 'Options') + ' &raquo;';
            firstOption += '</option>';
            select.prepend(firstOption);
        });
    }

Answer 2

其他人也在 Apple 的讨论论坛上报告了 iPhone 上 iOS 7.0.3 中 Safari 中的“多选”错误；例如：

https://discussions.apple.com/message/23745665#23745665

https://discussions.apple.com/message/23607781#23607781

由于 Apple 需要解决此问题，因此根据这两个讨论线程上的帖子，您可以采取哪些措施来帮助解决此问题，达成共识的方法是：

• 查找现有错误，如有必要，通过 Apple 的错误报告程序提交新错误。
• 加入 Apple 开发者论坛中有关此问题的任何现有讨论主题，如果尚未讨论此问题，则打开一个新主题。（上述讨论均发生在 Apple 公共论坛的“使用 iPhone”区域，因此 Apple 开发人员支持人员不一定会看到或回应。）