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 相关文章推荐
非常不错的功能强大代码简单的管理菜单美化版
Jul 09 Javascript
jquery 新浪网易的评论块制作
Jul 01 Javascript
javascript中的一些注意事项 更新中
Dec 06 Javascript
js的写法基础分析
Jan 17 Javascript
javascript的字符串按引用复制和传递,按值来比较介绍与应用
Dec 28 Javascript
js设置document.domain实现跨域的注意点分析
May 21 Javascript
JavaScript入门教程之引用类型
May 04 Javascript
快速解决js中window.location.href不工作的问题
Nov 02 Javascript
js 获取图像缩放后的实际宽高,位置等信息
Mar 07 Javascript
vue路由传参页面刷新参数丢失问题解决方案
Oct 08 Javascript
Vue 图片压缩并上传至服务器功能
Jan 15 Javascript
vue点击弹窗自动触发点击事件的解决办法(模拟场景)
May 25 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
php 应用程序安全防范技术研究
2009/09/25 PHP
PHP采用自定义函数实现遍历目录下所有文件的方法
2014/08/19 PHP
详解php 使用Callable Closure强制指定回调类型
2017/10/26 PHP
php原生数据库分页的代码实例
2019/02/18 PHP
php反射学习之依赖注入示例
2019/06/14 PHP
Javascript技术技巧大全(五)
2007/01/22 Javascript
JS DOM 操作实现代码
2010/08/01 Javascript
关于jquery性能最佳实践的讨论,与求教
2012/03/30 Javascript
基于jquery创建的一个图片、视频缓冲的效果样式插件
2012/08/28 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
2015/06/23 Javascript
Javascript 计算字符串在localStorage中所占字节数
2015/10/21 Javascript
js获取所有checkbox的值的简单实例
2016/05/30 Javascript
ionic组件ion-tabs选项卡切换效果实例
2016/08/27 Javascript
浅析JavaScript中var that=this
2017/02/17 Javascript
基于zepto.js实现登录界面
2017/10/09 Javascript
layui 动态设置checbox 选中状态的例子
2019/09/02 Javascript
js实现适配移动端的拖动效果
2020/01/13 Javascript
JS co 函数库的含义和用法实例总结
2020/04/08 Javascript
JS实现简单打字测试
2020/06/24 Javascript
[36:45]TNC vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python贪心算法实例小结
2018/04/22 Python
python2与python3的print及字符串格式化小结
2018/11/30 Python
python 多线程重启方法
2019/02/18 Python
详解Python正则表达式re模块
2019/03/19 Python
python openvc 裁剪、剪切图片 提取图片的行和列
2019/09/19 Python
Python爬虫爬取百度搜索内容代码实例
2020/06/05 Python
大学生毕业自我鉴定范文
2013/11/03 职场文书
房屋转让协议书范本
2014/04/11 职场文书
标准的毕业生自荐信
2014/04/20 职场文书
小学生倡议书范文
2014/05/13 职场文书
理财计划书
2014/08/14 职场文书
2015年世界急救日宣传活动方案
2015/05/06 职场文书
SqlServer: 如何更改表的文件组?(进而改变存储位置)
2021/04/05 SQL Server
80行代码写一个Webpack插件并发布到npm
2021/05/24 Javascript
MySQL脏读,幻读和不可重复读
2022/05/11 MySQL
OpenFeign实现远程调用
2022/08/14 Java/Android