如何在 HTML.DropDownList 中为选项设置 id

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 进入带有 select 元素的 onchange 回调。

下面是工作示例

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>

如何在 HTML.DropDownList 中为选项设置 id

How to set an id to option in HTML.DropDownList

html-select

html.dropdownlistfor

dropdown