【select級聯】一種新的方法

今天學到了另一種級聯選擇【類似於選擇了省就把該省的下一級地區加載出來】操作的方法，以前都是用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"  οnchange="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裏直接在方法裏搞定了。