ajax实现的级联菜单
来源:互联网 发布:mac 还原word文档 编辑:程序博客网 时间:2024/05/03 05:41
什么是级联菜单不用解释了,下面实现异步请求的方式实现实现二级联动;
页面显示代码 : <selectname="chapter" id="curchapter"onchange="getnodelist()"> <option>新建</option> <c:forEach items="${chapterlist}" var="chapter"> </select> 请选择市:<select name="node"id="node"></select> xmlhttp.onreadystatechange = function(){
<option value="${chapter.chapterid}">${chapter.chaptername}</option>
</c:forEach>
js代码:得到XMLHttpRequest对象过程已经省略:请参考 http://blog.sina.com.cn/s/blog_bfd7909001016w9x.html
if (4 == xmlhttp.readyState){
if (200 == xmlhttp.status){
var temp =xmlhttp.responseText;
var arr =temp.split("|");
document.getElementByIdx_x_x_x_x_x_x_x("node").options.length = 0;
//长度设置为0即可
for ( var i = 0; i< arr.length; i++) {
var arg =arr[i].split(",");
var opp = new Option(arg[1],arg[0]);
document.getElementByIdx_x_x_x("node").options.add(opp,null);
}
} else {
//alert("获取章节信息失败啦");
}
}
};
xmlhttp.open("post","getnode", true);
xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
var paras = "chaptetid=" +document.getElementByIdx_x_x_x("curchapter").value;
xmlhttp.send(paras);//发送的是查询字符串
}
注:请求服务端发送的数据的格式为:
result=city.getId()+","+city.getName()+"|"+city2.getId()+","+city2.getName();
- ajax级联菜单的实现
- ajax实现的级联菜单
- Ajax + Asp实现级联菜单
- Ajax + Asp实现级联菜单
- AJAX实现二级级联菜单
- jdbc+ajax实现级联菜单
- ajax实现级联下拉菜单
- AJAX实例的级联菜单
- AJAX实例的级联菜单
- 级联菜单的实现
- AJAX实现web页面中级联菜单的设计
- AJAX实现web页面中级联菜单的设计
- AJAX实现web页面中级联菜单的设计
- AJAX实现web页面中级联菜单的设计
- 用ajax实现用jsf写的级联菜单
- 利用了jquery的ajax实现二级联互动菜单
- Ajax+XML实现级联下拉菜单的动态加载
- 用 PHPRPC 实现 Ajax 级联下拉菜单
- 三目运算符的嵌套的情况
- 获取远程下载文件的大小
- 如何按指定的位移获取远程资源
- ajax面试指导
- 如何创建XMLHttpRequest对象
- ajax实现的级联菜单
- js对表格的添加和删除
- jQuery中动态设置表格的属性
- xstream用法一
- tcptrace的简单使用
- xstream的别名使用
- Spring Tool编辑beans不提示的问题
- spring中自定义属性编辑器的实现
- FormController控制器的使用