ajax 中应用select的使用

最新推荐文章于 2022-08-23 23:49:36 发布

guanghuilove

最新推荐文章于 2022-08-23 23:49:36 发布

阅读量500

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/guanghuilove/article/details/8351192

版权

java 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

<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
                           }
                       });
                });