CSDN博客

img baoqingfeng

DHTML结合XML 数据岛实现动态页面

发表于2004/10/31 16:13:00  703人阅读

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>清风</title>
<script>
var obj;
function change(prime,slave,price)
{
 var obj=document.all.xmldata.XMLDocument.childNodes[0].selectSingleNode("DSTree1[@id=/""+prime.value+"/"]");
  with(slave){
   var length=0; 
   for(i=0;i<obj.childNodes.length;i++)//获得子节点数据
   {
    options[length++].text=obj.childNodes[i].getAttribute("text");
    options[length-1].value=obj.childNodes[i].getAttribute("id");
    price.value=obj.childNodes[i].getAttribute("price_buy");
   }
   onchange=function()//添加控件事件方法
   {
    price.value=obj.selectSingleNode("DSTree2[@id=/""+slave.value+"/"]").getAttribute("price_buy");
  };
  options[length-1].selected;//设置默认值
  onchange();//触发事件
  }
}
</script>
</head>
<body class="style5">
 <table>
 <tr><td>
  品名规格:
  <select id="prime" onchange="javascript:change(this,document.all('slave'),document.all('price'))">
   <option value="0">请选择</option>
   <option value="11">豆芽</option>
   <option value="10">对虾</option>
   <option value="9">鲤鱼</option>
  </select>
  单位:
  <select id="slave">
  <option value="0">请选择</option>
  </select>
  价格:
  <input type="text" value="" name="price">
 </td></tr>
 </table>
</body>
</html>
<!--选择数据开始-->
<xml id=xmldata><DSTreeRoot name="root" treeId="123" id="-1">
<DSTree1 text="请选择" id="0">
 <DSTree2 text="请选择" price_buy="0.0" id="0"/>
</DSTree1>
<DSTree1 text="豆芽" id="11">
 <DSTree2 text="袋" id="1" rate="0.0" barcode="ttt" price_buy="1.5" price_sale="3.5" price_menber="0.0" price1="0.0" price2="0.0" price3="0.0" price4="0.0" price5="0.0" ifdefault="1"/>
 <DSTree2 text="件" id="2" rate="0.1" barcode="ttt" price_buy="2.0" price_sale="4.0" price_menber="0.0" price1="0.0" price2="0.0" price3="0.0" price4="0.0" price5="0.0" ifdefault="0"/>
 <DSTree2 text="个" id="3" rate="0.0" barcode="ttt" price_buy="3.0" price_sale="5.0" price_menber="0.0" price1="0.0" price2="0.0" price3="0.0" price4="0.0" price5="0.0" ifdefault="0"/>
</DSTree1>
<DSTree1 text="对虾" id="10">
 <DSTree2 text="辆" id="4" rate="0.0" barcode="ttt" price_buy="4.0" price_sale="6.0" price_menber="0.0" price1="0.0" price2="0.0" price3="0.0" price4="0.0" price5="0.0" ifdefault="1"/>
</DSTree1>
<DSTree1 text="鲤鱼" id="9">
 <DSTree2 text="瓶" id="5" rate="0.0" barcode="ttt" price_buy="5.0" price_sale="7.0" price_menber="0.0" price1="0.0" price2="0.0" price3="0.0" price4="0.0" price5="0.0" ifdefault="1"/>
</DSTree1>
</DSTreeRoot>
</xml>
阅读全文
0 0

相关文章推荐

img
取 消
img