如何在HTML.DropDownList中将id设置为option

Question

我有一个HTML.DropDownList，可以在其中设置datavaluefield和datatextfield，如下所示，

<select>
<option value="Fruit">APPLE</option>
</select>

即使是，我也可以使用html属性将ID设置为下拉列表，但是由于我需要将'Id'设置为如下所示的选项，

 <select>
 <option ID='1' value="Fruit">APPLE</option>
 </select>

任何人都可以分享这个想法...

Answer 1

您可以使用id属性将ID设置为option标记，并通过this.value元素在onchange回调中使用select。

下面是工作示例

document.getElementById("select1").onchange = function() {
    if (this.value == 'Fruit') {
        var optionID=document.getElementById('1');
        alert(optionID.value);

    }
    if (this.value == 'Flower') {
        var optionID=document.getElementById('2');
        alert(optionID.value);

    }
}

<select name="select01" id="select1" onchange="handleSelect()">
  <option value="Fruit" id="1">Apple</option>
  <option value="Flower" id="2">Rose</option>
</select>

Answer 2

尝试一下，它将提醒您选择的值

<select onchange="alert(this.value)">
    <option id="1">APPLE</option>
    <option id="2">Orange</option>
</select>