How to get the value of the childnodes using getElementsById

Question

evening... I want to know which node or value is selected from the drop down menu ( select tag) when I click apply... i dont seem to refer to them correctly.. please help!

<script type="text/javascript">
function apply(){
var xy = document.getElementById("hmm").childNodes;
var ab = xy.value;
alert(ab);
}
</script>
</head>


<body>
<div id="unique">
<select id="hmm" name="drop">
<option value="" id="text area">Text Area</option>
<option value="" id="paragraph">Paragraph</option>
<option value="" id="radio">Radio Button</option>
<option value="" id="delete">Delete</option>
</select>
<button id="apply" onclick="apply()">Apply</button> 
</div>
</html>

possible duplicate of [How to get the selected value of dropdownlist using JavaScript?](http://stackoverflow.com/questions/1085801/how-to-get-the-selected-value-of-dropdownlist-using-javascript) — zzzzBov, Mar 18 '14 at 19:10

El Guapo · Accepted Answer · 2014-03-18T19:15:30.217

0

function apply() {
    var selectBox = document.getElementById("hmm");
    var selectedOption = selectBox.options[selectBox.options.selectedIndex];
    alert(selectedOption.value);
}

Working Fiddle

edited Mar 18 '14 at 19:15

answered Mar 18 '14 at 19:07

El Guapo

5,581
7
54
82

thanks... but the alert is no longer poping up to tell me which node is selected – Mar 18 '14 at 19:12
Please check it now... add look at the accompanying jsfiddle – El Guapo Mar 18 '14 at 19:15
Note, you don't actually have any "values" assigned to any of your options. – El Guapo Mar 18 '14 at 19:16
1

Exactly! @El Guapo Thanks a lot... its kickin now :D – Mar 18 '14 at 19:20

How to get the value of the childnodes using getElementsById

1 Answers1