ajax 中應用select的使用

原創

2020-02-20 18:02

<select id="branchSelect" class="ml_20">
            <option value="">所有分行</option>
            <c:forEach var="organization" items="${organizations}">
                <option value="${organization.id}" ${organization.id == param.orgId ? 'selected="selected"' : ''}> ${organization.orgName}</option>
            </c:forEach>
        </select>
         
        <select id="employeeSelect">
            <option value="">所有經紀人</option>
            <c:forEach var="portalEmployee" items="${portalEmployees}">
                <option value="${portalEmployee.empNo}" empName="${portalEmployee.userNameCn}" ${portalEmployee.empNo == param.empNo ? 'selected="selected"' : ''}>${portalEmployee.userNameCn}</option>
            </c:forEach>
        </select>

$(function(){
                $("#branchSelect").change(function(){
                    var orgId=$("#branchSelect").val();//當先中該id的時候會自動找到所選的分行id
                    $.ajax({
                           type:'get',
                           url:'/houseTransfer/show',
                           data:{
                                    orgid:orgId
                           } ,
                            dataType: 'json',
                           success: function(json){
                               if(json.status != 'ok'){
                                   alert("出現錯誤："+json.message);
                                   return false;
                               }
                               var jsons = json.data;//得到data裏面對象，jsons是一個list對象
                               var trade=$("#employeeSelect");
                               var html='';
                               for(var i=0;i<jsons.length;i++){//得到對象的具體屬性
                                    html += '<option value="'+jsons[i].empNo+'">'+jsons[i].userNameCn+'</option>';
                               }
                               trade.html(html);//添加到id爲employeeSelect
                           }
                       });
                });