How to print the value selected in a drop-down box in HTML using JS

Question

I am designing a web page which goes like this:

<html>
<head>
<title>Bug UI</title>
</head>

<body>

<script>
    function myfunc()
    {
    //what goes here??
    }
</script>
<form>
    <select name = "parameters">
        <option value = "param1">Param 1</option>
        <option value = "param2">Param 2</option>
        <option value = "param3">Param 3</option>
        <option value = "param4">Param 4</option>
        <option value = "param5">Param 5</option>
    </select>
    <input type = "button" onclick = "myfunc()" value = "Submit">
</form>
</body>
</html>

It displays a drop-down box, when I select a value (say Param 1) from the box and click "Submit", I need to print the value (Param 1 in this case). How to achieve this?

Answer 1

var s = document.getElementsByName('parameters')[0];
var text = s.options[s.selectedIndex].text;

Answer 2

try this work perfectly:

var ex = document.getElementsByTagName('select');
var str= ex.options[ex.selectedIndex].value;
 **or**
var str= ex.options[ex.selectedIndex].text;

or

var ex = document.getElementsByName('parameters')[0];
var str= ex.options[ex.selectedIndex].value;
      **or**
var str= ex.options[ex.selectedIndex].text;

Answer 3

Try this:

function myfunc() {
   var par=document.getElementsByName('parameters')[0];
   var index=par.selectedIndex
   console.log(par.options[index].text);
}

How to print the value selected in a drop-down box in HTML using JS

Question

3 answers

solution1
6 ACCPTED 2014-03-10 11:49:47

solution2
1 2014-03-10 12:10:49

solution3
0 2014-03-10 11:38:59

How to print the value selected in a drop-down box in HTML using JS

Question

3 answers

solution1 6 ACCPTED 2014-03-10 11:49:47

solution2 1 2014-03-10 12:10:49

solution3 0 2014-03-10 11:38:59

solution1
6 ACCPTED 2014-03-10 11:49:47

solution2
1 2014-03-10 12:10:49

solution3
0 2014-03-10 11:38:59