bootstrap下拉框动态赋值方法


Posted in Javascript onAugust 10, 2018

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

以上这篇bootstrap下拉框动态赋值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript入门教程(9) Document文档对象
Jan 31 Javascript
JQuery 引发两次$(document.ready)事件
Jan 15 Javascript
基于jQuery的输入框无值自动显示指定数据的实现代码
Jan 24 Javascript
如何使用JS获取IE上传文件路径(IE7,8)
Jul 08 Javascript
使用GruntJS构建Web程序之合并压缩篇
Jun 06 Javascript
基于jquery编写分页插件
Mar 07 Javascript
jQuery与JavaScript节点创建方法的对比
Nov 18 Javascript
微信小程序 本地数据存储实例详解
Apr 13 Javascript
Vue实现6位数密码效果
Aug 18 Javascript
Node.js 路由的实现方法
Jun 05 Javascript
cordova+vue+webapp使用html5获取地理位置的方法
Jul 06 Javascript
Vue中多元素过渡特效的解决方案
Feb 05 Javascript
layui实现点击按钮给table添加一行
Aug 10 #Javascript
vuejs使用axios异步访问时用get和post的实例讲解
Aug 09 #Javascript
解决select2在bootstrap modal中不能正常使用的问题
Aug 09 #Javascript
一个Vue视频媒体多段裁剪组件的实现示例
Aug 09 #Javascript
bootstrap动态调用select下拉框的实例代码
Aug 09 #Javascript
vue.js 中使用(...)运算符报错的解决方法
Aug 09 #Javascript
select2 ajax 设置默认值,初始值的方法
Aug 09 #Javascript
You might like
老生常谈文本文件和二进制文件的区别
2017/02/27 PHP
CentOS系统中PHP安装扩展的方式汇总
2017/04/09 PHP
PHP PDOStatement::fetchColumn讲解
2019/01/31 PHP
Laravel框架实现调用百度翻译API功能示例
2019/05/30 PHP
PHP的重载使用魔术方法代码实例详解
2021/02/26 PHP
js去除重复字符串两种实现方法
2013/01/09 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
2013/06/26 Javascript
JavaScript自定义日期格式化函数详细解析
2014/01/14 Javascript
动态加载js的方法汇总
2015/02/13 Javascript
微信小程序 欢迎界面开发的实例详解
2016/11/30 Javascript
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
2017/03/29 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
2017/06/20 jQuery
jQuery Form插件使用详解_动力节点Java学院整理
2017/07/17 jQuery
简单实现jQuery手风琴效果
2017/08/18 jQuery
JavaScript实现淘宝京东6位数字支付密码效果
2018/08/18 Javascript
为vue项目自动设置请求状态的配置方法
2019/06/09 Javascript
分享JS表单验证源码(带错误提示及密码等级)
2020/01/05 Javascript
JS对象属性的检测与获取操作实例分析
2020/03/17 Javascript
vue实现移动端触屏拖拽功能
2020/08/21 Javascript
vue 表单输入框不支持focus及blur事件的解决方案
2020/11/17 Vue.js
[05:36]DOTA2 2015国际邀请赛中国区预选赛第四日TOP10
2015/05/29 DOTA
django使用LDAP验证的方法示例
2018/12/10 Python
python3爬虫怎样构建请求header
2018/12/23 Python
python二维码操作:对QRCode和MyQR入门详解
2019/06/24 Python
OpenCV模板匹配matchTemplate的实现
2019/10/18 Python
python自动下载图片的方法示例
2020/03/25 Python
英国二手物品交易网站:Preloved
2017/10/06 全球购物
C#如何判断当前用户是否输入某个域
2015/12/07 面试题
请写出一段Python代码实现删除一个list里面的重复元素
2015/12/29 面试题
校园环保建议书
2014/05/14 职场文书
大跃进口号
2014/06/16 职场文书
机关干部四风问题自查报告及整改措施
2014/10/26 职场文书
毕业典礼邀请函
2015/01/31 职场文书
倡议书范文大全
2015/04/28 职场文书
写作指导:怎么书写竞聘演讲稿?
2019/07/04 职场文书
Vue Element plus使用方法梳理
2022/12/24 Vue.js