Как получить раскрывающийся список id при событии click

Question

Это мой jspPage.

<select id="class_Teacher" name="classTeacher" style="height:25px; width: 190px;" onchange="Class(this.id)"> 
<option id="1">Manager</option>  
<option id="2">Supervisor</option> 
</select> 

А вот Javascript

function Class(str) 
{ 
    alert(str); 
} 

я хочу, чтобы получить идентификатор Варианта на OnChange событие. Спасибо :)

Answer 1

Ваше событие onchange будет выглядеть следующим образом. Просто удалите .id, как будет возвращать идентификатор самого выбора коробки не опцию

onchange="myFunction(this)" 

и ваш Javascript функции, как это, который будет оповещать идентификатор выбранного варианта

function myFunction(ele){ 
    alert(ele.options[ele.selectedIndex].id); 
} 

Сломался ele представляет собой поле выбора (объект dom). .options Доступ к параметрам в поле выбора. скобки [] - это способ доступа к определенному варианту. Подобно массиву myArr[1] и т. Д., А ele.selectedIndex возвращает число, представляющее выбранную опцию. I, если выбран первый вариант - ele.selectedIndex будет эквивалентен 0.

Answer 2

Вы можете это сделать, если вы пытаетесь получить идентификатор варианта, который был выбран

function Class(str) 
{ 
    var select = document.getElementById("class_Teacher"); 
    var option = select.options[select.selectedIndex]; 
    alert(option.id); 
} 

Answer 3

HTML (вы должны использовать «значение» атрибута вместо «ид»)

<select id="class_Teacher" name="classTeacher" style="height:25px; width: 190px;" onchange="onChange()"> 
<option id="1" value="ID1">Manager</option>  
<option id="2" value="ID2">Supervisor</option> 
</select> 

JS

var selectElement = document.getElementById("class_Teacher"); 
selectElement.onchange=function(){ 
    alert(selectElement.options[selectElement.selectedIndex].id); // id in the html element 
    alert(selectElement.selectedIndex);       // index starting from 0 
    alert(selectElement.value);         // value of the selected element 
}; 

Fiddle