本例子只是模擬一個動態獲取select值的過程，資料從xml獲取，當然你也可以從servlet、struts的action獲取，不多說看程式碼

1、student.xml

<?xml version="1.0" encoding="UTF-8"?> <students> <student> <name>小李</name> <age>21</age> </student> <student> <name>小王</name> <age>20</age> </student> <student> <name>小張</name> <age>18</age> </student> <student> <name>小趙</name> <age>20</age> </student> <student> <name>小杜</name> <age>22</age> </student> </students>

2、strudent.html

body中的程式碼 <input type="button" value="click me" onclick="startRequest();" /> <div id="select"></div> JavaScript程式碼： var xmlHttp; function createXMLHttpRequest(){ if(window.ActiveXObject){ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest(); } } function startRequest(){ createXMLHttpRequest(); xmlHttp.onreadystatechange=handleStateChange; xmlHttp.open("GET","student.xml",true); xmlHttp.send(null); } function handleStateChange(){ if(xmlHttp.readyState==4){ if(xmlHttp.status==200){ listStudent(); } } } function listStudent(){ var xmlDoc=xmlHttp.responseXML; var allStudents=xmlDoc.getElementsByTagName("name"); var agelist=xmlDoc.getElementsByTagName("age"); outputlist(allStudents); } function outputlist(students){ var name="<select>"; var currentState=null; for(var i=0;i<students.length;i++){ currentState=students[i]; name=name+"<option>"+currentState.childNodes[0].nodeValue+"</option>" } name=name+"</select>"; document.getElementById("select").innerHTML=name;

The end! Try it yourself