我想用dreamweaver在网页上做一个省份与城市关系的下拉菜单.
怎么样才能让他选择一个省份,在下一个下拉菜单里就只显示这个省份里的城市呢?
具体效果已经给你做出来了,你回去研究一下,这个必须要用到脚本控制。不懂的地方加我858356006
<body>
<h2>实际应用中XML文件可以放在外部文件中,IE6测试通过</h2>
<xml id="doc">
<data>
<province name="
广东">
<city>广州灶铅</city>
<city>深圳</city>
<city>汕头</city>
</province>
<province name="吉林">
<city>长春</city>戚桐
<city>四平</city>
<city>吉林</city>
<city>白城</city>
</province>
<province name="
河南">
<city>郑州</city>
<city>洛阳</city>
<city>开封</city>
<city>安阳</city>
</隐仔好province>
</data>
</xml>
<select id=prov onchange="docity()">
<option value="0">--- 请选择省份 ---</option>
</select>
<select id=city>
</select>
<script language="JavaScript">
function init(){
var v1 = doc.getElementsByTagName("province");
for(var i =0; i<v1.length;i++){
var e = document.createElement("OPTION");
e.innerText = e.value = v1[i].getAttribute("name");
prov.appendChild(e);
}
}
function docity(){
var sf = prov.value;
var str="//province[@name='"+sf+"']";
var v = doc.selectSingleNode(str);
if(!v){ alert("没有符合条件的记录!");return;}
city.innerHTML = "";
var v1 = v.selectNodes("city")
for(var i =0; i<v1.length;i++){
var e = document.createElement("OPTION");
e.innerText = e.value = v1[i].text;
city.appendChild(e);
}
}
init();
</script>
</body>
用弹出式菜单可以设置多层级别。
你去找一个有类似菜单的网站,把它保存下来,照着做嘛…