使用ajax异步获取下拉列表的值

参考以下文章:

cc​​​​​​​https://blog.csdn.net/weixin_58428216/article/details/121636128

$(function(){})------已进入页面即加载

复制代码
 $(function (){
        $.ajax({
            url:"/hos/hospital",
            type:"get",
            success:function (result){
                var list=result
                $("#role").append("<option value=''>--请选择--</option>");
                for (var i = 0; i < list.length; i++) {//重点2,第二步,for循环追加
                    //把数据库中的数据追加到id为role的标签中
                    $("#role").append('<option value=' + list[i].id + '>' + list[i].name + '</option>');
                }
            }
        })
    })
相关推荐
Trae1ounG15 分钟前
Vue生命周期
前端·javascript·vue.js
程序员小李白33 分钟前
js数据类型详细解析
前端·javascript·vue.js
weixin_4624462338 分钟前
Python用Flask后端解析Excel图表,Vue3+ECharts前端动态还原(附全套代码)
前端·python·flask·echats
满栀58542 分钟前
jQuery 递归渲染多级树形菜单
前端·javascript·jquery
闲蛋小超人笑嘻嘻1 小时前
Flexbox 属性总结
前端·css
TOPGUS1 小时前
谷歌将移除部分搜索功能:面对AI时代的一次功能精简策略
前端·人工智能·搜索引擎·aigc·seo·数字营销
运筹vivo@1 小时前
攻防世界: ics-05
前端·web安全·php
不思念一个荒废的名字1 小时前
【黑马JavaWeb+AI知识梳理】Web前端开发 - Vue3 / ElementPlus
前端
月明长歌1 小时前
Selenium中隐式等待(Implicit Wait)和显式等待(Explicit Wait)的区别
前端·javascript·selenium