js连动代码

ajax部分是prototype
返回的是xml 类似于下面。拼好了字符串。返回就可以了。。。

response.setContentType("text/xml;charset=GBK");
response.setHeader("Cache-Control", "no-cache");

response.getWriter().write(字符串);

 

  <?xml version="1.0" encoding="GBK" ?>

- < msgs >

- < item >

  < id > 103516 </ id >

  < desc > 在线咨询 </ desc >

  </ item >

- < item >

  < id > 103526 </ id >

  < desc > 专家介绍 </ desc >

  </ item >

- < item >

  < id > 103560 </ id >

  < desc > 最新动态 </ desc >

  </ item >

- < item >

  < id > 103562 </ id >

  < desc > 法律法规 </ desc >

  </ item >

- < item >  

  </ msgs >

 

 

function selectSub(parentV,nextId,url,emptyText){
clearOptions(nextId,emptyText);
if(parentV==null||parentV == "0"||parentV == "")
{
  return;
}
var myAjax = new Ajax.Request(url,
{method: 'get',asynchronous: false,
onComplete: function(t){
 var items = t.responseXML.documentElement.getElementsByTagName("item"); 
 if(!items)return;
 var selectObj=$(nextId);
 for(var i=0; i<items.length ; i++)
 {
  selectObj.options[i+1]=new Option(items[i].childNodes[1].firstChild.nodeValue);
  selectObj.options[i+1].value= items[i].childNodes[0].firstChild.nodeValue; 
 }
  }
}
)

}

  //清空下拉菜单
function clearOptions(selectId,emptyText)
{
  var selectObj=$(selectId);
  if(selectObj){
   selectObj.options.length = 0;
 selectObj.options[0]=new Option(emptyText);
 selectObj.options[0].value="";
  }
 
}

从中也可以看到对option的动态操作。