bootstrap下拉框动态赋值方法

Z时代
2024-01-10
分类：综合

以前一直使用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>