bootstrap下拉框动态赋值

最新推荐文章于 2025-06-20 15:24:56 发布

HHXXTTU

最新推荐文章于 2025-06-20 15:24:56 发布

阅读量1w

点赞数

CC 4.0 BY-SA版权

分类专栏： java

本文链接：https://blog.youkuaiyun.com/HHXXTTU/article/details/76906591

java 专栏收录该内容

8 篇文章

订阅专栏

博主从EasyUI转向Bootstrap，在实践中遇到下拉框动态赋值的问题。通过网上搜索，找到了解决方法并成功应用，本文记录这一过程，供他人参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以前一直使用easyui，发现越来越跟不上现在前端的一些技术，所以改用bootstrap，然后发现好多包括简单的下拉赋值都不会了，这里上网找了下，然后发现下面这个不错，用上了，特此记录一下

   <script type="text/javascript">
    /** 
     */  

     window.onload = function () {
         showsmsselect();  
     }

     function showsmsselect() {  
            $.ajax({  
                url : "${pageContext.request.contextPath}/user/finduserRealName.do", //所需要的列表接口地址  
                type : "get",  
                dataType : "json",  
                success : function(result) { 
                        var h = "";  
                        $.each(result, function(key, value) {

                            h += "<option value='" + value.id + "'>" + value.realname //下拉框序言的循环数据
                            + "</option>";  
                        });  
                        $("#addrole").append(h);//append 添加进去并展示  
                        $("#addrole").on(  
                                "change",  
                                function(a, b, c) {  
                                    $("#contentID").val(  
                                            $("#addrole option:selected").val());

                                    $("#contentName").val(  
                                            $("#addrole option:selected").text());

                                })    
                }  
            });  
        }  

    </script>