html - How to get selected option ID with Javascript not JQuery - Stack Overflow

admin管理员组

文章数量:1178537

I need to print the selected option ID with Javascript not JQuery for both select tags.

Assume we have more than one select tags.

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

I found out the following way options[selectedIndex].id but how can I know to which one of those that line refers to..

Any suggestions?

I Tried the following but it did not work.

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

I need to print the selected option ID with Javascript not JQuery for both select tags.

Assume we have more than one select tags.

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

I found out the following way options[selectedIndex].id but how can I know to which one of those that line refers to..

Any suggestions?

I Tried the following but it did not work.

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

• javascript
• html
• select

Share Improve this question Follow edited Sep 27, 2012 at 16:15 yorgos asked Sep 27, 2012 at 16:03 yorgosyorgos 1,81866 gold badges2222 silver badges2929 bronze badges 1

• How can you know which one of those that line refers to? What? You put that code wherever you want to find the id. – Some Guy Commented Sep 27, 2012 at 16:04

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 35

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

---

this function will do the work

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

Note that, unless you are using them for other purpose, you may omit the id on select elements

Example jsbin : http://jsbin.com/adopiz/2/edit

本文标签： htmlHow to get selected option ID with Javascript not JQueryStack Overflow