<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>
分享到:
相关推荐
html xml xhtml dhtml html xml xhtml dhtml html xml xhtml dhtml html xml xhtml dhtml
DHTML 是一种用来创建动态站点的技术组合物。对大多数人来说,DHTML 意味着 HTML 4.0、样式表以及 JavaScript 的结合物。 W3C 曾讲过:“动态HTML是一个被某些厂商用来描述可使文档动态性更强的HTML、样式表以及脚本...
CSS、DHTML、XMLDOM、T-SQL、XPath、正则表达式等.chm文件
HTML,DHTML,VRML,XML功能分析与比较研究 HTML,DHTML,VRML,XML功能分析与比较研究
压缩大包,包含CSS中文手册,DHMTL手册,XML手册,SQL语言参考,不可多得的网页设计参考资料合集
DHTML 手册 DHTML 手册 DHTML 手册 DHTML 手册
好不容找到的的CSS、DHTML、XMLDOM、T-SQL、XPath、正则表达式中文的帮助文档,而且带搜索功能很强大,找了很久才找到,值两个积分吧
DHTML 是一种用来创建动态站点的技术组合物。 对大多数人来说,DHTML 意味着 HTML 4.0、样式表以及 JavaScript 的结合物。 W3C 曾讲过:“动态HTML是一个被某些厂商用来描述可使文档动态性更强的HTML、样式...
DHTML 完全手册 动态 HTML (DHTML) 对象模型参考 <br>DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 <br>HTML 元素 HTML 字符集 样式表(CSS)参考 <br...
css,DHTML,js,XMLDOM,手册
介绍DHTML的教程详解,及案例非常丰富
早期的参考资料,我仍在使用 DHTML+CSS2+JAVASCRIPT+XML
动态 HTML (DHTML) 对象模型参考 DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 HTML 元素 HTML 字符集 样式表(CSS)参考 CSS 属性参考 CSS 长度单位参考 其他参考 命令标识符 ...
DHTML动态网页设计与制作.rar
通过下列链接访问参考资料,可帮助你创建引人注目的 Web 页面。 动态 HTML (DHTML) 对象模型参考 DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 HTML 元素 HTML 字符集 样式表(CSS)...
动态网页技术,经初学网页制作的学者一个参考
DHTML手册 DHTML
这个应用程序将使用 C#、XML和服务器端Microsoft .Net框架,创建一个 DHTML 结构,IE4 或更高版本的浏览器可以操作它并在客户端动态显示。由于我们可以快速地访问服务器上的XML,并且XML能够描述层次之间的关系,...