使用js生成下拉列表项

在项目中经常会使用到一个简单的表单元素,那就是下拉列表。但是由于企业的列表项并不是固定的,因此列表项的内容需要到数据库或者接口中取,因此怎样获取,并且能应用到

多个相似的下拉列表就需要思考一下。

我这里将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>

以上就是简单的应用。

posted on 2017-12-28 10:46  风的形状  阅读(430)  评论(0编辑  收藏  举报