javascript - 如何修改下拉文本 onchange 事件和 onclick 当选择框展开时应具有原始值

Question

这是我的下拉菜单，如果我选择2.0，那么文本应该更改为“Android 2.0”，我可以使用该值显示文本。但我需要知道如何在 onclick 时(即展开下拉列表时)将值重置回 2.0。这在 IE 浏览器中不起作用。

<div id="select_id">
   <select name="androidSelect" >
     <option value="">Select Option</option>
     <option value="Android">Android</option>
     <option value="Android 2.0">2.0</option>
     <option value="Android 3.0">3.0</option>
     <option value="IPhone">IPhone</option>
     <option value=" IPhone 2.0">2.0</option>
     <option value=" IPhone 3.0">3.0</option>
     <option value=" IPhone 4.0">4.0</option>
   </select>
</div>

Answer 1

将名称与值一起存储为数据属性，以便您可以在它们之间来回切换:

<option value="Android 2.0" data-name="2.0">2.0</option>