我需要打印所选的选项ID,而不是
JQuery用于两个选择标签.
假设我们有多个选择标签.
<select onchange="showOptions(this)" id="my_select1"> <option value="a1" id="ida1">Option1</option> <option value="a2" id="ida2">Option2</option> </select> <select onchange="showOptions(this)" id="my_select2"> <option value="b1" id="idb1">Option1</option> <option value="b2" id="idb2">Option2</option> </select>
我发现以下方式选项[selectedIndex] .id但是我怎么知道那条线是指哪一个..
有什么建议么？
以下我尝试过,但没有起作用.
<select id="my_select" onchange="showOptions2(this)">
<option value="o1" id="id1">Option1</option>
<option value="o2" id="id2">Option2</option>
</select>
<script type = "text/javascript">
function showOptions2(s){
var adVALUE = console.log(s[s.selectedIndex].value); // get value
var adID = console.log(s[s.selectedIndex].id); // get id
alert(adID);
}
</script>
解决方法
<select onchange="showOptions(this)"> ...
这个功能会做的
function showOptions(s) {
console.log(s[s.selectedIndex].value); // get value
console.log(s[s.selectedIndex].id); // get id
}
请注意,除非您将其用于其他目的,否则可以省略select元素上的id
示例jsbin：http://jsbin.com/adopiz/2/edit