在项目中经常会使用到一个简单的表单元素,那就是下拉列表。但是由于企业的列表项并不是固定的,因此列表项的内容需要到数据库或者接口中取,因此怎样获取,并且能应用到
多个相似的下拉列表就需要思考一下。
我这里将js代码简单贴写:
<script type="text/javascript">
$(document).ready(function () {
select("plats","plats");
});
function select(id,name){//这样写可以接受多种参数,方便其他地方使用生成下拉列表项
$.ajax({
type: "POST",
url: "getCodeType",
data: { //发送给数据库的数据
codeType: name
},
dataType: 'json',
success: function (data) {
if(data.code == "00"){
$("#"+id+"").empty();
$("#"+id+"").append("<option value=''>请选择</option>")
$.each(data.data, function (data, item) {
$("#"+id+"").append("<option value='" + item.id + "'>" + item.codeName + "</option>")
});
}
}
})
}
</script>
//相关html
<div class="marRight inlineBlock">
<label>平台:</label>
<select class="sel" name="plats" id="plats">
<option value=''>请选择</option>
</select>
</div>
以上就是简单的应用。