聲明:本文章系Jarvis原創,轉載請注明!

這是html代碼,大家看個意思就可以.

 1<select onchange="typeChange(this)">
 2                            <option value="">
 3                                請選擇類型
 4                            </option>
 5                            <s:iterator value="sightTypes">
 6                                <option value="${id }">
 7                                    ${typeName }
 8                                </option>
 9                            </s:iterator>
10                        </select>
主要思路:
1.列出一級列表
2.AJAX查找一級列表是否有下級 有增加一個select
 1function typeChange(obj){
 2                var o = $(obj);
 3                var value = o.val();
 4                var o_stId = $('#sightTypeId');
 5                o_stId.val(value);
 6                o.nextAll().remove();
 7                if(value != null && value != ""){
 8                    //有選擇 獲取下一級
 9                    $.ajax({
10                        type:'POST',
11                        url:'地址',
12                        data:'npid=' + value,
13                        dataType:'json',
14                        success:function(msg){
15                            if(msg != null && msg.length >0){
16                                //有下級數據
17                                var addHtml = "<select onchange=\"typeChange(this)\"><option value=\"\">請選擇類型</option>";
18                                for(var i = 0;i < msg.length;i++){
19                                    addHtml += "<option value=\"" + msg[i].id + "\">" + msg[i].typeName + "</option>";
20                                }
21                                addHtml += "</select>";
22                                o.after(addHtml);
23                            }else{return;}
24                        }
25                    });
26                }
27            }