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 EasyUI API 中文文档 - TimeSpinner时间微调器
Oct 23 Javascript
jquery 获取表单元素里面的值示例代码
Jul 28 Javascript
javascript实现图片延迟加载方法汇总(三种方法)
Aug 27 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
Dec 03 Javascript
Window.Open打开窗体和if嵌套代码
Apr 15 Javascript
JS类的定义与使用方法深入探索
Nov 26 Javascript
Bootstrap table两种分页示例
Dec 23 Javascript
微信小程序使用input组件实现密码框功能【附源码下载】
Dec 11 Javascript
Node.js应用设置安全的沙箱环境
Apr 23 Javascript
jQuery动态移除与增加onclick属性的方法详解
Jun 07 jQuery
JS实现判断图片是否加载完成的方法分析
Jul 31 Javascript
Element InputNumber 计数器的实现示例
Aug 03 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
PHP添加MySQL数据记录代码
2008/06/07 PHP
PHP中filter函数校验数据的方法详解
2015/07/31 PHP
Yii使用技巧大汇总
2015/12/29 PHP
Yii配置与使用memcached缓存的方法
2016/07/13 PHP
php使用crypt()函数进行加密
2017/06/08 PHP
thinkPHP5框架中widget的功能与用法详解
2018/06/11 PHP
JavaScript事件列表解说
2006/12/22 Javascript
juqery 学习之四 筛选过滤
2010/11/30 Javascript
关于setInterval、setTimeout在jQuery中的使用注意事项
2011/09/28 Javascript
两个数组去重的JS代码
2013/12/04 Javascript
jquery搜索框效果实现方法
2015/01/16 Javascript
Javascript基础教程之函数对象和属性
2015/01/18 Javascript
javascript动态创建表格及添加数据实例详解
2015/05/13 Javascript
js运动应用实例解析
2015/12/28 Javascript
JS中多种方式创建对象详解
2016/03/22 Javascript
微信小程序动态的加载数据实例代码
2017/04/14 Javascript
CentOS环境中MySQL修改root密码方法
2018/01/07 Javascript
JS实现百度搜索接口及链接功能实例代码
2018/02/02 Javascript
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
2018/04/26 jQuery
javascrit中undefined和null的区别详解
2019/04/07 Javascript
Nodejs技巧之Exceljs表格操作用法示例
2019/11/06 NodeJs
js判断非127开头的IP地址的实例代码
2020/01/05 Javascript
再谈Python中的字符串与字符编码(推荐)
2016/12/14 Python
python删除本地夹里重复文件的方法
2020/11/19 Python
用Python实现将一张图片分成9宫格的示例
2019/07/05 Python
python中dict使用方法详解
2019/07/17 Python
Python hmac模块使用实例解析
2019/12/24 Python
解决keras加入lambda层时shape的问题
2020/06/11 Python
为什么说python更适合树莓派编程
2020/07/20 Python
米兰必去买手店排行榜首位:Antonioli
2016/09/11 全球购物
cosme官方海外旗舰店:日本最大化妆品和美容产品的综合口碑网站
2017/01/18 全球购物
美国现代家具购物网站:LexMod
2019/01/09 全球购物
Java面试题:说出如下代码的执行结果
2015/10/30 面试题
即兴演讲稿
2014/01/04 职场文书
鉴史问廉观后感
2015/06/10 职场文书
利用ajax+php实现商品价格计算
2021/03/31 PHP