dupliqué IPhone Dropdown sélectionné en 5+

Question

Je dois afficher un menu déroulant en utilisant optgroup comme suit:

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'); 

Je dois mettre un sélectionné valeur, mais il fixe toujours deux valeurs comme sélectionnés lorsque je navigue avec Safari IPhone5 +.

Fiddle

Answer 1

Comme je l'ai commenté dans la question, c'est un bug en safari pour iPhone, et il n'y a rien à faire, mais pas définir un attribut selected, ou ne pas utiliser optgroups.