在项目中经常会使用到一个简单的表单元素,那就是下拉列表。但是由于企业的列表项并不是固定的,因此列表项的内容需要到数据库或者接口中取,因此怎样获取,并且能应用到
多个相似的下拉列表就需要思考一下。
我这里将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>
以上就是简单的应用。