Author:zfive5(zhaozidong)Email :zfive5@yahoo.com.cn
礼拜五下午公司网站维护的同事问我怎样实现一个功能，一个提交页上有两个select，第二个select根据第一个select变，我的第一念头就是用ajax！
test.htm:
<html><head><script type="text/javascript"> var xmlhttp; function GetContent(param) { url=""; if(window.ActiveXObject) { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); }
if(param==0) { url="zfive5.htm"; } else { url="zfive6.htm"; } xmlhttp.open("GET",url); xmlhttp.onreadystatechange=oncallback; xmlhttp.send(url); }
function oncallback() { if(xmlhttp.readyState==4) { if(xmlhttp.status==200) { document.getElementById("zfive5").innerHTML=xmlhttp.responseText; } } }</script></head><body> <form method="get" id="zf5" action="#"> <table> <tr> <td> Type:<select id="name1" onchange="javascript:GetContent(this.selectedIndex);" > <option value="1" selected>1.zfive5</option> <option value="2">2.zfive6</option> </select> </td> <td id=zfive5> Person:<select id="name2" NAME="name2"> <option value="zfive5">zfive5</option> <option value="zqqa">zqqa</option> </select> </td> </tr> </table> </form></body></html>
zfive5.htm:
Person:<select id="name2"><option value="zfive5">zfive5</option><option value="zqqa">zqqa</option></select>
zfive6.htm:
Person:<select id="name2"><option value="zfive6">zfive6</option><option value="zqqa">zqqa</option></select>
效果不错！！！
笔记本内存升1G了!
Copyright ＠ 2007-2012 敏韬网(敏而好学，文韬武略--MinTao.Net)（学习笔记） Inc All Rights Reserved. 闵涛 E_mail:admin@mintao.net(欢迎提供学习资源)
鄂公网安备 42011102001154号
站长：MinTao ICP备案号：鄂ICP备11006601号-18
注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！ 本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网] 
