Question

我需要使用Javascript而不是JQuery为两个选择标签打印所选的选项ID。

假设我们有多个选择标签。

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

我发现了以下options[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>

Answer 1

<select onchange="showOptions(this)">
   ...

此功能将完成工作

function showOptions(s) {
  console.log(s[s.selectedIndex].value); // get value
  console.log(s[s.selectedIndex].id); // get id
}

请注意，除非您将其用于其他目的，否则您可能会忽略id元素上的select

示例jsbin：http://jsbin.com/adopiz/2/edit

如何使用Javascript而不是JQuery获取选定的选项ID

1 个答案: