Как установить идентификатор для опции в HTML.DropDownList

Question

У меня есть HTML.DropDownList, где я могу установить datavaluefield и datatextfield, как показано ниже,

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

Даже, я могу установить ID для выпадающего списка, используя атрибуты html, но так как мне нужно установить 'Id' для опции, подобной следующей,

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

Может кто-нибудь поделиться идеей об этом ...

Answer 1

Попробуйте, это предупредит вас о выбранном значении

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

Answer 2

Вы можете использовать атрибут 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>