我需要打印所选的选项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