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 相关文章推荐
重定向实现代码
Nov 20 Javascript
项目实践之javascript技巧
Dec 06 Javascript
jquery 插件 任意位置浮动固定层
Dec 25 Javascript
初窥JQuery(二)事件机制(2)
Dec 06 Javascript
JS键盘版计算器的制作方法
Dec 03 Javascript
使用原生js写ajax实例(推荐)
May 31 Javascript
初识 Vue.js 中的 *.Vue文件
Nov 22 Javascript
解决JSON.stringify()自动将中文转译成unicode的问题
Jan 05 Javascript
Angular5中调用第三方js插件的方法
Feb 26 Javascript
vue组件中的样式属性scoped实例详解
Oct 30 Javascript
如何使用pm2快速将项目部署到远程服务器
Mar 12 Javascript
vue实现分页栏效果
Jun 28 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实现点击可刷新验证码
2015/11/07 PHP
PHP查询并删除数据库多列重复数据的方法(利用数组函数实现)
2016/02/23 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
PHP基于openssl实现非对称加密代码实例
2020/06/19 PHP
jQuery使用手册之一
2007/03/24 Javascript
基于jquery的获取mouse坐标插件的实现代码
2010/04/01 Javascript
利用div+jquery自定义滚动条样式的2种方法
2013/07/18 Javascript
实现51Map地图接口(示例代码)
2013/11/22 Javascript
在javascript中执行任意html代码的方法示例解读
2013/12/25 Javascript
jquery如何把数组变为字符串传到服务端并处理
2014/04/30 Javascript
学习jQuey中的return false
2015/12/18 Javascript
jquery按回车键实现表单提交的简单实例
2016/05/25 Javascript
js原生实现FastClick事件的实例
2016/11/20 Javascript
实例详解display:none与visible:hidden的区别
2017/03/30 Javascript
详解基于Vue+Koa的pm2配置
2017/10/24 Javascript
Vue使用lodop实现打印小结
2019/07/06 Javascript
Angular value与ngValue区别详解
2019/11/27 Javascript
[56:24]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第二局
2016/03/04 DOTA
Python中线程的MQ消息队列实现以及消息队列的优点解析
2016/06/29 Python
Python中音频处理库pydub的使用教程
2017/06/07 Python
Python实现字符串的逆序 C++字符串逆序算法
2020/05/28 Python
Python3实现的字典、列表和json对象互转功能示例
2018/05/22 Python
python基础 range的用法解析
2019/08/23 Python
Python安装OpenCV的示例代码
2020/03/05 Python
python属于软件吗
2020/06/18 Python
Python 无限级分类树状结构生成算法的实现
2021/01/21 Python
美国眼镜在线零售商:Dualens
2019/12/07 全球购物
雷朋巴西官方商店:Ray-Ban Brasil
2020/07/21 全球购物
金融专业大学生自我评价
2014/01/09 职场文书
《太阳》教学反思
2014/02/21 职场文书
最新大学生创业计划书写作攻略
2014/04/02 职场文书
2014年教务工作总结
2014/12/03 职场文书
2015元旦主持词开场白和结束语
2014/12/14 职场文书
酒店员工手册范本
2015/05/14 职场文书
Go中的条件语句Switch示例详解
2021/08/23 Golang
美元符号 $
2022/02/17 杂记