js下拉框动态获取数据

动态加载下拉框数据的JS实现

最新推荐文章于 2025-07-08 21:06:16 发布

原创最新推荐文章于 2025-07-08 21:06:16 发布 · 2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

该段代码展示了如何使用JavaScript从后端获取数据并动态填充到select下拉框中，通过遍历data数组，为每个选项创建option元素，并设置其value和text属性，最后将option追加到指定的select元素内。

        success: function (data) {
        //js动态获取下拉框数据（data是从后端获取的数据，循环data.length）
            for (var i = 0; i < data.length; i++) {
            //这是再select 下创建option 
                var option = document.createElement("option");
                //这个".val"是option中的value值，
                $(option).val(data[i].ID);
                //这个".text"是option中的显示的值，
                $(option).text(data[i].WZMC);
                //我的理解这个是option追加
                $("#wuzhengxl").append(option)
            }
        error:function(){
            console.log('调用当前接口出错！');
        }