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 相关文章推荐
jQuery中使用了document和window哪些属性和方法小结
Sep 13 Javascript
jQuery事件绑定.on()简要概述及应用
Feb 07 Javascript
iframe如何动态创建及释放其所占内存
Sep 03 Javascript
JavaScript中用let语句声明作用域的用法讲解
May 20 Javascript
全面解析JavaScript中“&amp;&amp;”和“||”操作符(总结篇)
Jul 18 Javascript
JS实现的手机端精简幻灯片效果
Sep 05 Javascript
AngularJS中$watch和$timeout的使用示例
Sep 20 Javascript
JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)
Dec 14 Javascript
JavaScript正则替换HTML标签功能示例
Mar 02 Javascript
mongoose设置unique不生效问题的解决及如何移除unique的限制
Nov 07 Javascript
详解Nuxt.js部署及踩过的坑
Aug 07 Javascript
vue 项目@change多个参数传值多个事件的操作
Jan 29 Vue.js
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
DC《神奇女侠2》因疫情推迟上映 温子仁新恐怖片《恶性》撤档
2020/04/09 欧美动漫
IE 缓存策略的BUG的解决方法
2007/07/21 Javascript
jQuery load方法用法集锦
2011/12/06 Javascript
在页面中js获取光标/鼠标的坐标及光标的像素坐标
2013/11/11 Javascript
js清理Word格式示例代码
2014/02/13 Javascript
js判断浏览器类型为ie6时不执行
2014/06/15 Javascript
javascript实现input file上传图片预览效果
2015/12/31 Javascript
JS获取鼠标坐标位置实例分析
2016/01/20 Javascript
Bootstrap Fileinput文件上传组件用法详解
2016/05/10 Javascript
功能强大的jquery.validate表单验证插件
2016/11/07 Javascript
jQuery实现根据生日计算年龄 星座 生肖
2016/11/23 Javascript
BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案
2016/12/14 Javascript
详解vue嵌套路由-query传递参数
2017/05/23 Javascript
JS实现div模块的截图并下载功能
2017/10/17 Javascript
Angular 5.0 来了! 有这些大变化
2017/11/15 Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
2020/09/07 Javascript
解决vue侦听器watch,调用this时出现undefined的问题
2020/10/30 Javascript
Vue——解决报错 Computed property &quot;****&quot; was assigned to but it has no setter.
2020/12/19 Vue.js
Python字符串中查找子串小技巧
2015/04/10 Python
详解python里使用正则表达式的分组命名方式
2017/10/24 Python
python 类对象和实例对象动态添加方法(分享)
2017/12/31 Python
使用Python自动生成HTML的方法示例
2019/08/06 Python
计算pytorch标准化(Normalize)所需要数据集的均值和方差实例
2020/01/15 Python
tensorflow 利用expand_dims和squeeze扩展和压缩tensor维度方式
2020/02/07 Python
详解CSS3中使用gradient实现渐变效果的方法
2015/08/18 HTML / CSS
Mio Skincare英国官网:身体紧致及孕期身体护理
2018/08/19 全球购物
NYX Professional Makeup英国官网:美国平价专业彩妆品牌
2019/11/13 全球购物
屈臣氏越南官网:Watsons越南
2021/01/14 全球购物
政府信息公开实施方案
2014/05/09 职场文书
英语求职信范文
2014/05/23 职场文书
营销计划书范文
2015/01/17 职场文书
给老师的一封感谢信
2015/01/20 职场文书
同事打架检讨书
2015/05/06 职场文书
工作证明格式范文
2015/06/15 职场文书
新年祝酒词大全
2015/08/11 职场文书
python 逐步回归算法
2021/04/06 Python