如何獲取單擊事件的id下拉列表

-1

<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); 
}

我想選的ID上onChange事件。謝謝:)

來源

2013-07-23 Subodh

哪個選項的ID？ – mohkhan

這一個。 m試圖id爲1 – Subodh

您的onchange事件將如下所示。只是刪除.id因爲這將返回選擇框本身不是選項

onchange="myFunction(this)"

和你這樣的JavaScript函數的ID，這將提醒所選的選項

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

進行細分的ID ele代表選擇框（一個dom對象）。 .options訪問選擇框內的選項。括號是[]訪問特定選項的一種方式。與數組myArr[1]等一樣，ele.selectedIndex和ele.selectedIndex返回代表所選選項的數字，即如果選擇第一個選項 - ele.selectedIndex將等於0。

來源

2013-07-23 07:53:24

你可以做到這一點，如果你試圖讓已經選擇

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

來源

2013-07-23 07:53:37 mohkhan

HTML（你應該使用「值」屬性而不是「ID」）

<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>

選項的id

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

來源

2013-07-23 07:59:18 ElLocoCocoLoco

如何獲取單擊事件的id下拉列表

回答

相關問題