How to get the html select values using Javascript?

Question

I want to know how can I get the value of the selected option whenever I change the value combobox. Here's my code:

<html>
<head>
<script type="text/javascript">
function dispOptionValue() {
 var select = document.getElementById('footballPlayers');
 alert(select.options.value);
}
</script>
</head>
<body>
<select id="footballPlayers" onchange="dispOptionValue">
 <option value="1">Ricardo Kaka</option>
 <option value="2">Cristiano Ronaldo</option>
 <option value="3">Johan Crujjf</option>
 <option value="4">Gerd Muller</option>
 <option value="5">Franz Beckenbauer</option>
</select>
</body>
</html>

I know its wrong but I don't have any idea how to start. Please help.

Matteo Vinci · Accepted Answer · 2011-11-05 14:09:37Z

1

You can modify your code as follow:

function dispOptionValue() 
{
     var select = document.getElementById('footballPlayers');
     alert(select.options[select.selectedIndex].value);
}

And change onChange event in dispOptionValue()

answered Nov 5, 2011 at 14:09

Matteo Vinci

2082 silver badges12 bronze badges

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

2 Comments

NinjaBoy Over a year ago

Thanks so much. How about if I want to get the content of the option how am I gonna do that?

NinjaBoy Over a year ago

Ah ok I got it already I just have to do select.options[select.selectedIndex].innerHTML

4b0 · Accepted Answer · 2011-11-05 14:09:21Z

0

try:

<script type="text/javascript">
$(document).ready(function() {


$('input[type=checkbox]').each(function () {
    var select = $(this).val();
    alert(select);
});

 });
</script>

Do not forget to include js file.

answered Nov 5, 2011 at 14:09

4b0

22.4k30 gold badges97 silver badges143 bronze badges

1 Comment

NinjaBoy Over a year ago

Thanks I'll consider that later. For now I want to use native javascript. I will learn jQuery later on.

Collectives™ on Stack Overflow

How to get the html select values using Javascript?

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related