javascript xml小程序修改


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>JavaScript Book--代码9-41</TITLE>
<script language="JavaScript" src="loadXMLDoc.js"></script>
</HEAD>
<script>
var root;
function selectProvice()
{
var source;
var sourceName = "citys.xml";
var source = loadXMLDoc(sourceName);
   //设置文档元素为根节点元素
root = source.documentElement;   
//搜索属性中含有name的所有节点
nodes=root.selectNodes("//@name"); 
for(var i=0;i<nodes.length;++i)   
{
   var oOption = document.createElement('OPTION');
   oOption.text = " "+nodes[i].text+" ";
   oOption.value = nodes[i].text;
   form1.selProvice.options.add(oOption); 
}
selectCity();
}function selectCity()
{
    //在selcity中删除
    for(var i=form1.selCity.options.length-1;i>=0;--i)
{
   form1.selCity.options.remove(i)
}
    //读取省份下拉框的当前选项
x=form1.selProvice.selectedIndex;   
y=form1.selProvice.options[x].value;
//搜索name属性值等于参数y的province节点下的所有city节点
nodes=root.selectNodes("//province[@name='"+y+"']/city");   
//增加城市名称到下拉列表
for(var i=0;i<nodes.length;++i)   
{
   var oOption = document.createElement('OPTION'); 
   oOption.text = " "+nodes[i].text+" ";
   oOption.value = nodes[i].text;
   form1.selCity.options.add(oOption); 
}
}</script>
<BODY onLoad="selectProvice()">
   <FORM action="" method="post" id="form1" name="form1">
   <SELECT name="selProvice" id="selProvice" onchange="selectCity()" >
   </SELECT>
   <SELECT name="selCity" id="selCity" >
   </SELECT>
   </FORM>
</BODY>
</HTML>
<?xml version="1.0" encoding="gb2312"?>
<China>
<province id="1" name="北京">
    <city>西城区</city>
    <city>东城区</city>
    <city>朝阳区</city>
    <city>丰台区</city>
</province>
<province id="2" name="湖北">
    <city>武汉</city>
    <city>荆州</city>
    <city>孝感</city>
    <city>仙桃</city>
</province>
<province id="3" name="福建">
    <city>福州</city>
    <city>厦门</city>
</province>
<province id="4" name="甘肃">
    <city>兰州</city>
</province>
<province id="5" name="广东">
    <city>广州</city>
    <city>深圳</city>
    <city>东莞</city>
<city>惠州</city>
</province>
<province id="6" name="安徽">
    <city>合肥</city>
    <city>芜湖</city>
</province>
</China>loadxmldoc.js
function loadXMLDoc(dname) 
{
var xmlDoc=null;
try //Internet Explorer
  {
    xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
    xmlDoc.async=false;
    xmlDoc.load(dname);
  }
catch(e)
  {
   try //Firefox, Mozilla, Opera, etc.
     {
 var xmlhttp = new window.XMLHttpRequest(); 
 xmlhttp.open("GET",dname,false); 
 xmlhttp.send(null); 
 xmlDoc = xmlhttp.responseXML.documentElement; 
     }
   catch(e) {alert("can't load information!")}
  }
return xmlDoc;
}这个怎么修改成，提交表单，跳转到指定页面，比如选择beijing-xicheng（这个地方是拼音的，不是汉字），就跳转到beijing2xicheng.html