mail us  |  mail this page

contact us
training  | 
tech stuff  | 

Tech Stuff - DOM-2 HTMLSelectElement

Extends the HTMLElement interface. W3C HTMLSelectElement Reference. Part of the HTML Interface

Returns SELECT to the nodeName attribute.

The major use of the <select> element is to contain <option> elements which may be accessed directly if they have an id (using getelementById to get the HTMLOptionElement) or as an array using the options attribute of HTMLSelectElement.

Usage and Examples

To find the currently selected <option> in a <select> element:

// javascript fragment
// get the HMLSelectElement
select = document.getElementById{"list");
// loop through the options
for(i = 0; i < combo.options.length; i++){
 // the selected attribute eturns TRUE if currently selected
  val = select.options[i].value; // use value to identify
	txt = select.options[i].text; // parse text to identify
	// OR get HTMLOptionElemement
	opt = select.options[i]
	val = opt.value;
	txt = opt.text

// HTML fragment
<select id="list" size="1">
<option value="1">List Item 1</option>
<option value="2">List Item 2</option>
<option value="1" selected>List Item 2</option>

Related Information

createElement method. W3C HTMLElement Reference. HTMLOptionElement

Method and Attributes

Attributes: disabled, form, length, multiple, name, options, selectedIndex, size, tabIndex, type, value

Methods: add, blur, focus, remove

Problems, comments, suggestions, corrections (including broken links) or something to add? Please take the time from a busy life to 'mail us' (at top of screen), the webmaster (below) or info-support at zytrax. You will have a warm inner glow for the rest of the day.

Tech Stuff

RSS Feed Icon

If you are happy it's OK - but your browser is giving a less than optimal experience on our site. You could, at no charge, upgrade to a W3C standards compliant browser such as Firefox




Icons made by Icomoon from is licensed by CC 3.0 BY
share page via facebook tweet this page


email us Send to a friend feature print this page Display full width page Decrease font size Increase font size


HTML Stuff

W3C HTML 4.01
HTML5 Reference
W3C Page Validator

CSS Stuff

W3C CSS2.1
W3C CSS2.2
Default Styles
CSS3 Selectors
CSS 3 Media Queries
CSS 3 Colors

DOM Stuff

W3C DOM 3 Core
W3C 3 Events

Web Style Guide

Useful Stuff

Peter-Paul Koch
A List Apart
Eric Meyer on CSS

Our Stuff

Our DOM Pages
DOM Navigation
Liquid Layout
CSS Short Cuts
CSS overview
CSS One Page

Javascript Stuff



CSS Technology SPF Record Conformant Domain
Copyright © 1994 - 2024 ZyTrax, Inc.
All rights reserved. Legal and Privacy
site by zytrax
hosted by
web-master at zytrax
Page modified: January 20 2022.