使用jQuery在Select下拉框中动态加载选择项数据

2018年 8月 21日编程笔记清风

在日常开发过程中，数据不可能是一成不变的，往往需要从数据库中动态获取，例如：商品表和商品类型表的关系，在添加商品的时候，为了保证数据的严谨性和准确性，商品类型肯定是需要用户进行选择而不是输入，而商品类型也不可能只有一种，所以这时候就需要用到下拉框，但是有很多同学对jQuery还不是特别熟悉，直接代码+注释奉上。

代码如下：

function GetShopsIdAndName() {
            $.ajax({
                url: "/web/Goods/GetGoodsData",
                type: "POST",
                success: function (data) {
                    //我这里data["data"]为回传的数据
                    for (var i = 0; i < data["data"].length; i++) {
                          $('#ShopsId').append("<option value=" + data["data"][i].Id + ">" + data["data"][i].Name + "</option>"); //拼接成想要的类型
                          $("#ShopsId").append(option);//追加
                    }
                },
                error: function (data) {
                }
            })
        }

作者：清风

链接：https://notes.tslmeta.com/notes/498

文章版权归作者所有，未经允许请勿转载。