Using the selectedIndex Property : select option « Form « JavaScript Tutorial

JavaScript Tutorial

1.	Language Basics
2.	Operators
3.	Statement
4.	Development
5.	Number Data Type
6.	String
7.	Function
8.	Global
9.	Math
10.	Form
11.	Array
12.	Date
13.	Dialogs
14.	Document
15.	Event
16.	Location
17.	Navigator
18.	Screen
19.	Window
20.	History
21.	HTML Tags
22.	Style
23.	DOM Node
24.	Drag Drop
25.	Object Oriented
26.	Regular Expressions
27.	XML
28.	GUI Components
29.	Dojo toolkit
30.	jQuery
31.	Animation
32.	MS JScript

Java Source Code / Java Documentation

Java Open Source

Jar File Download

Photoshop Tutorials

Flash Tutorials

3ds-Max Tutorials

Illustrator Tutorials

C# / CSharp Tutorial

C# / CSharp Open Source

ASP.NET Tutorial

JavaScript DHTML

JavaScript Reference

HTML CSS Reference

Python Tutorial

Python Open Source

SQL Server / T-SQL

SQL Server / T-SQL Tutorial

Oracle PL / SQL

Oracle PL/SQL Tutorial

VB.Net Tutorial

Flash / Flex / ActionScript

VBA / Excel / Access / Word

Microsoft Office PowerPoint 2007 Tutorial

Microsoft Office Excel 2007 Tutorial

Microsoft Office Word 2007 Tutorial

JavaScript Tutorial » Form » select option

10. 13. 6. Using the selectedIndex Property


<html> 



<head> 

<title>Select Inspector</title> 

<script type="text/javascript"> 

function inspect(form) { 

    alert(form.colorsList.options[form.colorsList.selectedIndex].text); 

} 

</script> 

</head> 

<body> 

<form> 

<select name="colorsList"> 

<option selected="selected">Red</option> 

<option value="Plants">Green</option> 

<option>Blue</option> 

</select>

<input type="button" value="Show Selection" onclick="inspect(this.form)" />

</form> 

</body> 

</html>

10. 13. select option
	10. 13. 1.	Find the selected option
	10. 13. 2.	Click button to navigate a selection in form option (combox)
	10. 13. 3.	Use the Option (combox) onChange event to navigate
	10. 13. 4.	Using the options[index].text Property
	10. 13. 5.	Using the options[index].value Property
	10. 13. 6.	Using the selectedIndex Property
	10. 13. 7.	Modifying optgroup Element Labels

w___w__w___._java_2__s___._c___om__ | Contact Us

Copyright 2009 - 12 Demo Source and Support. All rights reserved.

All other trademarks are property of their respective owners.