easyui——由第一个下拉框选中值确定第二个下拉框内容

实现效果：

实现步骤：

1. 第一个下拉框绑定url动态获取数据：
2. 第二个下拉框绑定点击事件
3. 获取第一个框选中的value，作为第二个框的查询参数，出发请求。
4. 将相应数据回显到第二个下拉框

注：介于easyui的特性，在获取第一个框的value时，需要使用循环。

实现：

框：

  <tr>
    <td>货区：</td>
    <td>
       <input  class="easyui-combobox"name="areaCode" id="area_Code"editable="false"style="width: 250px;"data-options="panelHeight:'auto',valueField:'id',textField:'roadway_name',url:'/bas/roadway/listCombo'"/>
       <input type="text" name=""id="area_Code2"  style="display:none"/></td>
    <td>货位：</td>
    <td>
      <a onclick="selectTrayCode()" >
         <input  id="tray_Code" name="cargoSpaceId" style="width:250px" class="easyui-combobox"editable="false" data-options="panelHeight:'auto',valueField: 'cargo_space_id',textField: 'cargo_space_name'" />
         <input type="text" name="productId" id="tray_Code2" style="display:none">
       </a>
      </td>
    </tr>

js方法：

 function selectTrayCode(areCode) {
        // var areCode=$("#area_Code").textbox-value;
        var value;
        var areCode=document.getElementsByName("areaCode").forEach(function(element) {
            if (element.value != "") {
                value = element.value
            }
        })
            var url ="/bas/cargoSpace/listall?roadwayId="+value;
            var data1 ;
            $.getJSON(url, function(data) {
                data1 = data;
                $('#tray_Code').combobox({
                    data: data1,
                    valueField: 'cargo_space_id',
                    textField: 'cargo_space_name'
                })
        });
    };