Menu déroulant de sélection est toujours sélectionnable avec “readonly” attribut

Je veux une lecture seule", sélectionnez" élément à ne pas être sélectionnables, le même comportement que la lecture seule zone de saisie.

Dans le code ci-dessous, vous ne pouvez pas modifier la valeur de l'entrée de la boîte avec la valeur "abc". Cependant, vous pouvez toujours modifier la sélection dans la liste déroulante. Je ne peux pas utiliser "désactivé" attribut que j'ai encore besoin d'envoyer ces valeurs pour le serveur.

<input type="text" readonly="readonly" value="abc">

</input>

<select readonly="readonly">
  <option>Item ABC</option>
  <option>Item XYZ</option>
</select>

https://jsfiddle.net/6Lu1jpLx/

OriginalL'auteur user1187968 | 2016-09-15