easyui-combobox

预先知道值的使用方式

<label for="heartbeat" class="col-form-label">位置汇报策略:</label>
<select id="positionReport" class="easyui-combobox" name="positionReport" label=""
labelPosition="left" style="width:80px;" panelHeight="auto">
<option value="positionOnNone">暂无信息</option>
<option value="positionOnTime">定时</option>
<option value="positionOnDistance">定距</option>
<option value="positionOnTimeAndDistance">定时定距</option>
</select>

js选择指定选项

$("#positionReport").combobox('select', 'positionOnTime');

获取数据

<div class="col-md-3">
<input id="regCmbEducation" class="easyui-combobox" style="width:150px;"
name="education"
data-options="
url:'/admin/api/v1.0/education',
method:'get',
valueField:'text',
textField:'text'
">
</div>
@admin.route('/api/v1.0/education', methods=['GET'])
@login_required
def education():
try:
education = Education.query.all()
uu = []
for u in education:
uu.append({"id": str(u.id), 'text': u.name})
# print(uu)
return jsonify(uu)
except:
import traceback
traceback.print_exc()
errMsg = traceback.format_exc()
print(errMsg)
return jsonify({'code': 100, 'msg': '后台处理出现异常情况,请稍后在试'})

//根据选择的省,载入市信息,根据选择的市,载入地区信息
$("#regCmbProvince").combobox(
{
onLoadSuccess: function () {//加载完成后,设置选中第一项
$(this).combobox("select", "所在省");
},
onSelect: function (record) {
//选择了一个选项,需要更新所属市的数据
$.ajax({
type: "GET",
url: "/admin/api/v1.0/prefecture",
dataType: "json",
// contentType: "application/json; charset=utf-8",
data: record,
success: function (data, status, xhr) {
console.log(data, status, xhr)
$("#regCmbCounty").combobox("reload")
if (status == "success") {
//设置prefecture的数据
if (data == null) {
//直辖市
$("#regCmbPrefecture").setValue(record)
} else {
$("#regCmbPrefecture").combobox("loadData", data)
}
} else {
console.log(data["msg"]);
}

},
error: function (xhr, resp, text) {
console.log(xhr, resp, text);
}
});
}
}
)