如何实现下拉框数据的绑定

在输入某些资料或者填写某些信息的时候会用到输入框或者下拉框，两者各有优劣。也可以说输入框越来越不能满足人们贪婪的欲望。下拉框的优势在于限制了输入的数据要跟数据库同步。因此不会出现随意填写的情况，于是俺总结了C#项目下拉框绑定数据库数据的操作步骤及其代码，如下：

首先HTML代码写出下拉框

下拉框效果如下图啦

下面代码是js封装的方法，引入项目才能实现下拉框数据绑定

function createSelect(selectId, url, value) {
//console.log(defaultValue);
$.post(url, function (jsonData) {
if (selectId.indexOf(’#’) != 0) {
selectId = ‘#’ + selectId;
}
$(selectId).empty();//清空该元素
//创建option
for (k in jsonData) {
$(selectId).append(’’ + jsonData[k].text + ‘’);
}
//设置选中值
if (value != undefined && value != null && value != ‘’) {
$(selectId).val(value);
}
});

然后在视图调用createSelect方法
createSelect(“CertificateTypeID”, “selectCertificateType”);

控制器那边查询到数据库的证件类型表的数据，再项目里写个实体类封装下拉框的显示值和查询到的ID，代码图如下：

下面是数据库的数据，俺要做的就是把下图数据查询出来，显示在下拉框里

最后调用方法，启动项目就可以看到下面的效果啦，是不是很简单呢？
你还在等啥咧！