bootstrap下拉框动态赋值

以前一直使用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 += "" + value.realname //下拉框序言的循环数据
                            + "";  
                        });  
                        $("#addrole").append(h);//append 添加进去并展示  
                        $("#addrole").on(  
                                "change",  
                                function(a, b, c) {  
                                    $("#contentID").val(  
                                            $("#addrole option:selected").val());

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

                                })    
                }  
            });  
        }  

    script>