• code snippets
  • all code snippets/
  • popular code snippets/
  • your code snippets
• extras
• blog
• about snipplr

• Big /
• Small

Posted By

jamesming on 07/23/08

Tagged

select

Versions (?)

07/23/08 11:00am

Who likes this?

2 people have marked this snippet as a favorite

romanos
Pent

 / Published in: JavaScript

 

<form name=form0>
	<select name="selectFormName" onchange=getValueSelected()>
		<option value="Test A">Test A</option>
		<option value="Test B">Test B</option>
		<option value="Test C">Test C</option>
	</select>
</form>
<br/><br/>
 
<script>
function getValueSelected(){
	var x = document.form0.selectFormName.selectedIndex;
	alert(document.form0.selectFormName.options[x].value);
};
</script

Report this snippet   Tweet

Comments

Subscribe to comments

Posted By: NeoBlack on July 23, 2008

I think, the version below is shorter and you can use it global on all select elements:

    Test A
    Test B
    Test C

function getValueSelected(obj){ alert(obj.options[obj.selectedIndex].value); };

Posted By: NeoBlack on July 23, 2008

f... comment function :D

<form name=form0> <select name="selectFormName" onchange=getValueSelected(this)> <option value="Test A">Test A</option> <option value="Test B">Test B</option> <option value="Test C">Test C</option> </select> </form> <br/><br/>

<script> function getValueSelected(obj){ alert(obj.options[obj.selectedIndex].value); }; </script>