下拉选择重复 IPhone 5+

Question

我必须使用 optgroup 显示下拉菜单，如下所示：

HTML:

<select id="Cities" name="Cities">
   <optgroup label="Group1">
        <option value="City1">City1</option>
        <option value="City2">City2</option>
        <option value="City3">City3</option>
        <option value="City4">City4</option>
        <option value="City5">City5</option>
    </optgroup>
    <optgroup label="Group2">
        <option value="City6">City6</option>
        <option value="City7">City7</option>
        <option value="City8">City8</option>
        <option value="City9">City9</option>
        <option value="City10">City10</option>
    </optgroup>
</select>

JavaScript:

$('#Cities').val('City1');

我需要设置一个选定值，但当我使用 safari IPhone5 浏览时，它总是设置两个选定值+.

Fiddle

Answer 1

正如我在问题中评论的那样，这是 iphone 的 safari bug，除了 not 设置 selected 属性，或者不使用 optgroups.

下拉选择重复 IPhone 5+

Dropdown selected duplicated IPhone 5+

html

iphone

jquery

drop-down-menu