Get Options Value Using Tag Name in JavaScript

Question

I have this HTML

<select id="tempSelect" >
    <option value="F">Fahrenheit</option>
    <option value="C">Celsius</option>
</select>

I want to get the selected Option Value using Tag Name Not ID . I tried this using document.getElementById() it works fine but I want to do it by tag name. I searched a lot but could not found the solution so far.

Here is my Java script Code

var parent = document.getElementsByTagName('select');
var tempUnit = parent.options[parent.selectedIndex].value;

Arun P Johny · Accepted Answer · 2014-10-08 03:08:54Z

2

document.getElementsByTagName() returns an HTMLCollection(which is a kind of an array), so it does have the options properties. You can access the items in the list using indexing.

var parent = document.getElementsByTagName('select')[0];
var tempUnit = parent.options[parent.selectedIndex].value;

document.querySelector('#result').innerHTML = tempUnit

<select id="tempSelect" >
    <option value="F">Fahrenheit</option>
    <option value="C" selected>Celsius</option>
</select>
<div id="result"></div>

answered Oct 8, 2014 at 3:08

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Get Options Value Using Tag Name in JavaScript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related