Dynamically generate select options in xhtml
This example shows how to generate options for select tag in HTML or XHTML.
<?xml version="1.0" ?>
<html xmlns="http://www.w3.org/1999/xhtml"
lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Solvent</title>
<script type="text/javascript">
<![CDATA[
var xhtmlNS = "http://www.w3.org/1999/xhtml";
function generateOptions( ){
//Get the select via DOM
var vSelect1 = document.getElementById("Select1");
var i;
for( i = 0 ; i < 10; i ++ ){
//Created the option element
var vOption = document.createElementNS(xhtmlNS, "option");
//Set the value
vOption.setAttributeNS( null, "value", "value" + i );
//Create the textnode for the option
var vText = document.createTextNode( "text"+ i );
//Append the textnode to the option element
vOption.appendChild( vText );
//Append the option element to the select element
vSelect1.appendChild( vOption );
}
}
]]>
</script>
</head>
<body onload="generateOptions()">
<form id="selectForm">
<select id="Select1"></select>
</form>
</body>
</html>
posted by cyfer at 1:24 PM
0 comments
![[QUIT SLASHDOT TODAY]](http://www.cs.washington.edu/homes/klee/misc/quit-slashdot.png){kind=small}