使用prototype-1.3.1.js返回XML数据如何显示到下拉列框？

我本机http://localhost/XML/Province_List.asp?StateID=1 运行结果是一个XML格式的文档：

<?xml version="1.0" encoding="UTF-8"?>
<StateInfo StateID="1">
<ProvinceInfo ProvinceID="1" ProvinceNM="北京市"/>
<ProvinceInfo ProvinceID="2" ProvinceNM="天津市"/>
<ProvinceInfo ProvinceID="3" ProvinceNM="上海市"/>
<ProvinceInfo ProvinceID="4" ProvinceNM="重庆市"/>
<ProvinceInfo ProvinceID="5" ProvinceNM="广东省"/>
<ProvinceInfo ProvinceID="6" ProvinceNM="辽宁省"/>
<ProvinceInfo ProvinceID="7" ProvinceNM="陕西省"/>
<ProvinceInfo ProvinceID="8" ProvinceNM="四川省"/>
......
</StateInfo>

以上数据在下面的 test.htm 里调用：
如果将XML文档的文本内容放到多行文本框(id=result)里是没有问题了，但是我希望将XML的数据放到下拉列表框(name="ProvinceID")里，就不懂该怎么做了。
<Script language="JavaScript" src="JavaScript/prototype-1.3.1.js"></Script>
<script>
function SearchStateID()
{
var StateID=$F("StateID");
var url="http://localhost/XML/Province_List.asp";
var pars="StateID=" + StateID;

var ProvinceAjax=new Ajax.Request(url,{method: "get", parameters: pars, onComplete: showResponse});
}

function showResponse(originalRequest)
{
//put returned XML in the textarea
$("result").value=originalRequest.responseText;
}
</script>
<select id="StateID" size="5" style="width:180px;" onchange="SearchStateID()">
　　<option value="1">中国</option>
　　<option value="2">美国</option>
</select>
<br>
<textarea id=result cols=80 rows=10 ></textarea>
<br>
<select name="ProvinceID" style="width:300px;">
<option value="0">请选择省份</option>
</select>

请知道怎么使用 prototype-1.3.1.js 的朋友指教，谢谢！