Question

如何用EasyUI实现二级联动？ 留下联系方式 必有答谢

Answer 1

jQuery(function(){
// 省级
$('#province').combobox({
valueField:'itemvalue', //值字段
textField:'itemtext', //显示的字段
url:'/user/sort/province_list',
panelHeight:'auto',
required:true,
editable:false,//不可编辑，只能选择
value:'${user.province}'
});
//县市区
$('#city').combobox({
valueField:'itemvalue', //值字段
textField:'itemtext', //显示的字段
url:'/user/sort/city_list?province=${user.province}',
panelHeight:'auto',
required:true,
editable:false,//不可编辑，只能选择
value:'${user.city}'
});
});

// 表单Table
<tr>
<td align="right">地区 省级</td>
<td align="left">
<input type="text" id="province" name="province"
class="easyui-validatebox" validType="selectValid['--请选择--']" disabled="disabled"/>
</td>
</tr>
<tr>
<td align="right">地区 县市区</td>
<td align="left">
<input type="text" id="city" name="city"
class="easyui-validatebox" validType="selectValid['--请选择--']" disabled="disabled"/>
</td>
</tr>

追问

这个我也查到了，可是不理解json数据怎么写的

追答

:{"citylist":[
{"p":"前端技术","c":[{"n":"HTML"},{"n":"CSS","a":[{"s":"CSS2.0"},{"s":"CSS3.0"}]},
{"n":"JAVASCIPT"}]},
{"p":"编程语言","c":[{"n":"C"},{"n":"C++"},{"n":"PHP"},{"n":"JAVA"}]},
{"p":"数据库","c":[{"n":"Mysql"},{"n":"SqlServer"},{"n":"Oracle"}]},
]},
这格式你应该会吧，只要格式没问题，把这些作为参数就好了