【select级联】一种新的方法
2012-07-02 17:56
113 查看
今天学到了另一种级联选择【类似于选择了省就把该省的下一级地区加载出来】操作的方法,以前都是用ajax做的,现在跟着师父又学到了一种方式,留着,以后用得着。(*^__^*) 嘻嘻
其实原理和ajax的一样,返回的是结构化数据。本代码功能实现的是选择用户组时加载出该用户组下的用户
js如下:
var orderDoc = new ActiveXObject("Microsoft.XMLDOM");
orderDoc.async = "false";
function queryUser() {
var k = infoForm.group_id;
orderDoc.load("<%=request.getContextPath()%>/taskAction.do?method=getUserBygroup&group_id="+ infoForm.group_id.value); //这里action查询方法返回到userList.jsp 页面
var items = orderDoc.getElementsByTagName_r("userTag");
alert(items);
if (infoForm.userid.length > 0) {
for (i = infoForm.userid.length - 1; i >= 0; i--) {
infoForm.userid.remove(i);
}
}
document.infoForm.userid.add(document.createElement_x("OPTION"));
var kk = "";
for (i = 0; i < items.length; i++) {
document.infoForm.userid.add(document.createElement_x("OPTION"));
document.infoForm.userid.options[i + 1].value = items.item(i)
.attributes(1).nodeValue;
document.infoForm.userid.options[i + 1].text = items.item(i)
.attributes(0).nodeValue;
kk == document.infoForm.userid.options[i + 1].value
}
}
主要部分jsp:放在form里面,form名称:上面的infoForm
<tr class="tblContentRowTR">
<td align="right" style="width:100" nowrap class="tblItemHeadTD">
<span class="headerSPAN">用户组</span>
</td>
<td width="250">
<select name="group_id" onchange="queryUser();">
<logic:iterate id="group" name="groupList">
<option value="<bean:write name="group" property="userGroupId"/>"><bean:write name="group" property="userGroupName"/>
</option>
</logic:iterate>
</select>
</td>
</tr>
userList.jsp页面
<%@ page language="java" contentType="text/html;charset=UTF-8" import="java.util.*,com.mvtech.yq.app.bean.User"%>
<%@ page import="java.util.List"%>
<%@ page import="java.text.*"%>
<?xml version="1.0" encoding="UTF-8"?>
<root>
<%
List list = (List)request.getAttribute("userList");
if(list==null)list = new ArrayList();
for(int i=0;i<list.size();i++){
User user=(User)list.get(i);
%>
<userTag display="<%=user.getUsrname()%>" value="<%=user.getUsrid()%>" />
<%}%>
</root>
个人觉得不好的一点就是这个需要多写一个结果数据页面,ajax里直接在方法里搞定了。
其实原理和ajax的一样,返回的是结构化数据。本代码功能实现的是选择用户组时加载出该用户组下的用户
js如下:
var orderDoc = new ActiveXObject("Microsoft.XMLDOM");
orderDoc.async = "false";
function queryUser() {
var k = infoForm.group_id;
orderDoc.load("<%=request.getContextPath()%>/taskAction.do?method=getUserBygroup&group_id="+ infoForm.group_id.value); //这里action查询方法返回到userList.jsp 页面
var items = orderDoc.getElementsByTagName_r("userTag");
alert(items);
if (infoForm.userid.length > 0) {
for (i = infoForm.userid.length - 1; i >= 0; i--) {
infoForm.userid.remove(i);
}
}
document.infoForm.userid.add(document.createElement_x("OPTION"));
var kk = "";
for (i = 0; i < items.length; i++) {
document.infoForm.userid.add(document.createElement_x("OPTION"));
document.infoForm.userid.options[i + 1].value = items.item(i)
.attributes(1).nodeValue;
document.infoForm.userid.options[i + 1].text = items.item(i)
.attributes(0).nodeValue;
kk == document.infoForm.userid.options[i + 1].value
}
}
主要部分jsp:放在form里面,form名称:上面的infoForm
<tr class="tblContentRowTR">
<td align="right" style="width:100" nowrap class="tblItemHeadTD">
<span class="headerSPAN">用户组</span>
</td>
<td width="250">
<select name="group_id" onchange="queryUser();">
<logic:iterate id="group" name="groupList">
<option value="<bean:write name="group" property="userGroupId"/>"><bean:write name="group" property="userGroupName"/>
</option>
</logic:iterate>
</select>
</td>
</tr>
userList.jsp页面
<%@ page language="java" contentType="text/html;charset=UTF-8" import="java.util.*,com.mvtech.yq.app.bean.User"%>
<%@ page import="java.util.List"%>
<%@ page import="java.text.*"%>
<?xml version="1.0" encoding="UTF-8"?>
<root>
<%
List list = (List)request.getAttribute("userList");
if(list==null)list = new ArrayList();
for(int i=0;i<list.size();i++){
User user=(User)list.get(i);
%>
<userTag display="<%=user.getUsrname()%>" value="<%=user.getUsrid()%>" />
<%}%>
</root>
个人觉得不好的一点就是这个需要多写一个结果数据页面,ajax里直接在方法里搞定了。
相关文章推荐
- 一种查找中值的方法——Rank_Select
- jqGrid 行编辑 select 3级联动 的一种实现方法
- Validate对select组件不进行验证的一种解决方法
- 一种优化mysql select like %%的方法
- CentOS集群自动同步时间的一种方法
- 基于UC/COSII系统的STM32F103系列单片机外部中断按键的一种使用方法
- 介绍一种android的裸刷机方法(fastboot刷机实质)
- MFC 程序内部保存数据的一种方法
- Watir中Select_list支持的方法
- 使用内存虚拟硬盘提高ArcGIS Server并发性能的一种方法
- xcode 4 导入Lib,Framework的方法,和Undefined symbols for architecture x86_64:的一种解决办法
- C# ASP.NET B/S模式下,采用lock语法 实现多用户并发产生不重复递增单号的一种解决方法技术参考
- 解开硬盘逻辑死锁的一种有效方法
- 另外的一种实现多重视图的方法: 切换 视图
- 局域网多点互连的一种实现方法
- VisualStudio2010配置OpenCV的一种一劳永逸的方法
- URL 授权访问另外一种方法,利用 Java 1.1 访问密码保护的 URL(9588http短信通道接入)
- javascript学习笔记——chrome等提示找不到“getElementsByTagName”的一种解决方法
- 进制转换的一种思路两种实现方法
- cef3加载flash闪烁问题非easyhook的另外一种解决方法