EasyUI的combobox使用

截图如下：

  

代码如下：

  这段代码是添加和修改用的，用input是为了能用验证

  <tr>
                <td width="60" align="right" label="province"></td>
                <td>
                    <input id="provinceG" name="province" class="easyui-validatebox" editable="false" data-options="required:true"/>
                </td>
            </tr>
            <tr>
                <td width="60" align="right" label="city"></td>
                <td>
                    <input id="cityG" name="city" class="easyui-validatebox" editable="false" data-options="required:true"/>
                </td>
            </tr>
            <tr>
                <td width="60" align="right" label="town"></td>
                <td>
                    <input id="townG" name="town" class="easyui-validatebox" editable="false" data-options="required:true"/>
                </td>
            </tr>
            <tr>
                <td width="60" align="right" label="country"></td>
                <td>
                    <input id="countryG" name="country" class="easyui-validatebox" editable="false" data-options="required:true"/>
                </td>
            </tr>

   script中

    valueField:'id', textField:'name',属性写错有可能不显示返回值

    onSelect:function(rec){
         $("#cityG").combobox("reload",projectGP('/system/area/getCity?pid='+rec.id));
     },

    若把pid='+rec.id写成pid='+recond.id有可能只能看到选项但是不能选择

     写的时候注意不要写错了

   $("#provinceG").combobox({
        url : projectGP('/system/area/getProvince'),
        valueField:'id',
        method :'GET',
        textField:'name',
        onSelect:function(rec){
            $("#cityG").combobox("reload",projectGP('/system/area/getCity?pid='+rec.id));
        },
        onChange:function(){
            $("#cityG").combobox("clear");
        }
    });
    $("#cityG").combobox({
        valueField:'id',
        method :'GET',
        textField:'name',
        onSelect:function(rec){
               $("#townG").combobox("reload",projectGP('/system/area/getTown?cid='+rec.id));
        },
        onChange:function(){
            $("#townG").combobox("clear");
        }
    });
    $("#townG").combobox({
        valueField:'id',
        method :'GET',
        textField:'aname',
        onSelect:function(rec){
               $("#countryG").combobox("reload",projectGP('/system/area/getCounty?sid='+rec.id));
        },
        onChange:function(){
            $("#countryG").combobox("clear");
        }
    });
    $("#countryG").combobox({
        valueField:'id',
        method :'GET',
        textField:'aname',
    });