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 相关文章推荐
用js 让图片在 div或dl里 居中,底部对齐
Jan 21 Javascript
写入cookie的JavaScript代码库 cookieLibrary.js
Oct 24 Javascript
javascript变量作用域使用中常见错误总结
Mar 26 Javascript
解析Jquery取得iframe中元素的几种方法
Jul 04 Javascript
在浏览器中打开或关闭JavaScript的方法
Jun 03 Javascript
ES6通过babel转码使用webpack使用import关键字
Dec 13 Javascript
微信小程序 form组件详解及简单实例
Jan 10 Javascript
从零学习node.js之mysql数据库的操作(五)
Feb 24 Javascript
ES6中Symbol类型用法实例详解
Apr 06 Javascript
让IDE识别webpack的别名alias的实现方法
May 06 Javascript
基于原生js实现九宫格算法代码实例
Jul 03 Javascript
JavaScript canvas实现跟随鼠标移动小球
Feb 09 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
转生史莱姆:萌王第一次撸串开心到飞起,哥布塔撸串却神似界王神
2018/11/30 日漫
thinkphp3.x中变量的获取和过滤方法详解
2016/05/20 PHP
php获得文件夹下所有文件的递归算法的简单实例
2016/11/01 PHP
jquery 弹出层实现代码
2009/10/30 Javascript
jQuery 表格工具集
2010/04/25 Javascript
JS读取cookies信息(记录用户名)
2012/01/10 Javascript
跟我学Nodejs(三)--- Node.js模块
2014/05/25 NodeJs
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
2014/08/16 Javascript
C#微信小程序服务端获取用户解密信息实例代码
2017/03/10 Javascript
vue filters的使用详解
2018/06/11 Javascript
Vue循环组件加validate多表单验证的实例
2018/09/18 Javascript
如何使用pm2快速将项目部署到远程服务器
2019/03/12 Javascript
如何在Vue中抽离接口配置文件
2019/10/31 Javascript
浅谈vue中组件绑定事件时是否加.native
2019/11/09 Javascript
如何基于JavaScript判断图片是否加载完成
2019/12/28 Javascript
python实现通过pil模块对图片格式进行转换的方法
2015/03/24 Python
python中os模块详解
2016/10/14 Python
Python网络编程基于多线程实现多用户全双工聊天功能示例
2018/04/10 Python
PyCharm在新窗口打开项目的方法
2019/01/17 Python
Python 分享10个PyCharm技巧
2019/07/13 Python
在Tensorflow中实现梯度下降法更新参数值
2020/01/23 Python
你可能不知道的Python 技巧小结
2020/01/29 Python
tensorflow指定CPU与GPU运算的方法实现
2020/04/21 Python
南非最大的在线时尚商店:Zando
2019/07/21 全球购物
软件测试企业面试试卷
2016/07/13 面试题
计算机网络专业推荐信
2013/11/24 职场文书
小学门卫岗位职责
2013/12/17 职场文书
经典导游欢迎词大全
2014/01/16 职场文书
教师通用专业自荐书范文
2014/02/11 职场文书
大学军训感言300字
2014/03/09 职场文书
2014年综合治理工作总结
2014/11/20 职场文书
监守自盗观后感
2015/06/10 职场文书
军训后的感想
2015/08/07 职场文书
2016年三八节红领巾广播稿
2015/12/17 职场文书
React如何创建组件
2021/06/27 Javascript
apache虚拟主机配置的三种方式(小结)
2022/07/23 Servers