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

在日常开发过程中,数据不可能是一成不变的,往往需要从数据库中动态获取,例如:商品表和商品类型表的关系,在添加商品的时候,为了保证数据的严谨性和准确性,商品类型肯定是需要用户进行选择而不是输入,而商品类型也不可能只有一种,所以这时候就需要用到下拉框,但是有很多同学对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://www.newadmin.cn/archives/498
来源:NA博客
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
使用jQuery在Select下拉框中动态加载选择项数据
在日常开发过程中,数据不可能是一成不变的,往往需要从数据库中动态获取,例如:商品表和商品类型表的关系,在添加商品的时候,为了保证数据的严谨性和准确性……
<<上一篇
下一篇>>