加载ajax异步默认

加载ajax异步默认

<script type="text/javascript">

//方法名

function getMeasures(){

                //ajax异步

    $.ajax({

                    访问的Url地址

url : 'report.do',

                    参数key="value"形式

data : {

                         //方法名

action : 'getMeasureByDea',

                        //通过jquery获得的value

departmentCode : $("#department").val()

},

async : false,

                    // 返回类型格式

dataType : 'json',

                    // 返回数据函数

success : function(_data) {

                        //循环迭代返回的数据（_data）

$.each(_data, function(i, value){

if(value.MEASURECODE == $("#measure_selected").val()){

                                // 选中状态

                                //  向下拉框添加option和属性，展示值

   $("#measureSelect").append("<option value='"+value.MEASURECODE+"' selected>"+value.MEASURENAME+"</option>");

   }

   else{

   $("#measureSelect").append("<option value='"+value.MEASURECODE+"'>"+value.MEASURENAME+"</option>");

   }

   });

// 更改 id="department_name_selected"  的文本（值为选中的文本） $("#department_name_selected").text($("#department").find("option:selected").text());

 

// 设置 id="measure_name_selected"  的文本（异步获取选中的文本） $("#measure_name_selected").text($("#measureSelect").find("option:selected").text());

}

});

}

</script>

 

 

<b>监控部门:</b>

<select id="department" name="departmentcode" onchange="getMeasures()">

<option value="">

请选择监控部门

</option>

<c:forEach var="department" items="${departmentList}">

<option value="${department.departmentcode }" <c:if test="${department.departmentcode==departmentcode}">selected</c:if>>

${department.departmentname }

</option>

</c:forEach>

</select>

<b>指标:</b>

<select id="measureSelect" name="measurecode">

<option value="">

请选择指标

</option>

</select>

 

 

 <td id="measure_name_selected" >    

 <td id="department_name_selected" colspan="2">