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了!
|