<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()
{
if (window.ActiveXObject)
{
xmlHttp = new ActiveXObject("microsoft.XMLHttp");
} else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
function createXML()
{
var xml = "<pets>";
var options = document.getElementById("petTypes").childNodes;
var option = null;
for (var i = 0;i < options.length;i++ )
{
option = options[i];
if (option.selected)
{
xml = xml + "<type>" + option.value + "</type>";
}
}
xml = xml + "<\/pets>";
return xml;
}
function sendPetTypes()
{
createXMLHttpRequest();
var xml = createXML();
var url = "PostingXMLExample?timeStamp=" + new Date().getTime();
xmlHttp.open("POST", url,true);
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.setRequestHeader("Content-Type","aplication/x-www-form-urlencoded;");
xmlHttp.send(xml);
}
function handleStateChange()
{
if (xmlHttp.readyState==4)
{
if (xmlHttp.status==200)
{
parseResult();
}
}
}
function parseResult()
{
var responseDiv = document.getElementById("serverResponse");
/*
if (responseDiv.hasChildNodes())
{
responseDiv.reMoveChild(responseDiv.childNodes[0]);
}
*/
var responseText = document.createTextNode(xmlHttp.responseText);
responseDiv.appendChild(responseText);
}
</script>
</head>
<body>
<form action="#">
<select id="PetTypes" size="6" multiple="multiple">
<option value="1">aaaa</option>
<option value="2">bbb</option>
<option value="3">ccc</option>
<option value="4">ddd</option>
<option value="5">eee</option>
<option value="6">fff</option>
</select>
<br>
<br>
<input type="submit" value="Submit Pets" onclick="sendPetTypes();"/>
</form>
<br>
<br>
<div id="serverResponse"></div>
</body>
</html>
