html 部分:
<input type="text" id="txt_province" name="province" class="easyui-combobox easyui-validatebox" data-options="required: true,missingMessage:'请选择省份'" />
<input type="text" id="txt_city" name="city" class="easyui-combobox easyui-validatebox" data-options="required: true,missMessage:'请选择城市'" />
<input type="text" id="txt_area" name="area" class="easyui-combobox easyui-validatebox" data-options="required: true,missMessage:'请选择区县'" />
js部分:
var distinct={
bindcity: function (provins) {
jQuery.ajaxjson(hurl + '?action=City&provins=' + provins, '', function (cd) {
cd.unshift({ "id": 0, "text": "未配置", "selected": true }); //初始化值
top.$('#txt_city').combobox({
data: cd,
valueField: 'id',
textField: 'text',
editable: false,
//required: true,
onSelect: function (cityoption) {
if (cityoption.id != 0) { //判断值,为初始值清空县的下拉值,之前用combobox("clear")发现省换了后县还有下拉,就改传空值
CRUD.bindcounty(cityoption.id);
} else {
CRUD.bindcounty(-1); //清空县的下拉值
top.$('#txt_area').combobox('setValue', '未配置'); //初始化下拉值
}
}
})
})
},
bindcounty: function (city) {
jQuery.ajaxjson(hurl + '?action=Area&city=' + city, '', function (ad) {
ad.unshift({ "id": 0, "text": "未配置", "selected": true });
top.$('#txt_area').combobox({
data: ad,
valueField: 'id',
textField: 'text',
editable: false
//required: true
})
})
},
bindprovince: function () {
//省市区联动
jQuery.ajaxjson(hurl + '?action=Province', '', function (pd) {
pd.unshift({ "id": 0, "text": "未配置", "selected": true });
top.$('#txt_province').combobox({
data: pd,
valueField: 'id',
textField: 'text',
editable: false,
//required: true,
onSelect: function (poption) {
CRUD.bindcounty(-1); //清空县的下拉值
top.$('#txt_area').combobox('setValue', '未配置');
if (poption.id != 0) {
CRUD.bindcity(poption.id);
} else {
CRUD.bindcity(-1); //清空城市的下拉值
top.$('#txt_city').combobox('setValue', '未配置');
}
}
})
})
}
}
自己随便选值,该清空的都清空了。网上找的其他有差别,还是自己改,感觉很好!