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 相关文章推荐
经典的带阴影的可拖动的浮动层
Jun 26 Javascript
在javascript将NodeList作为Array数组处理的方法
Jul 09 Javascript
javascript判断是否按回车键并解决浏览器之间的差异
May 13 Javascript
jquery中append()与appendto()用法分析
Nov 14 Javascript
JavaScript中的方法调用详细介绍
Dec 30 Javascript
Jquery 实现图片轮换
Jan 28 Javascript
jQuery设置和移除文本框默认值的方法
Mar 09 Javascript
Vue.js开发环境搭建
Nov 10 Javascript
JavaScript原生实现观察者模式的示例
Dec 15 Javascript
node命令行工具之实现项目工程自动初始化的标准流程
Aug 12 Javascript
详细介绍解决vue和jsp结合的方法
Feb 06 Javascript
小程序自定义圆形进度条
Nov 17 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 文件上传实例代码
2012/04/19 PHP
php正则preg_replace_callback函数用法实例
2015/06/01 PHP
js实现鼠标触发图片抖动效果的方法
2015/02/27 Javascript
谈谈对offsetleft兼容性的理解
2015/11/11 Javascript
又一款js时钟!transform实现时钟效果
2016/08/15 Javascript
AngularJS中$apply方法和$watch方法用法总结
2016/12/13 Javascript
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
2017/04/03 jQuery
Vue.js render方法使用详解
2017/04/05 Javascript
three.js中文文档学习之创建场景
2017/11/20 Javascript
node.js将MongoDB数据同步到MySQL的步骤
2017/12/10 Javascript
深入解读VUE中的异步渲染的实现
2020/06/19 Javascript
three.js 将图片马赛克化的示例代码
2020/07/31 Javascript
[01:05]DOTA2完美大师赛趣味视频之选手教你打职业
2017/11/23 DOTA
python从sqlite读取并显示数据的方法
2015/05/08 Python
解密Python中的描述符(descriptor)
2015/06/03 Python
Python中的推导式使用详解
2015/06/03 Python
python 查找字符串是否存在实例详解
2017/01/20 Python
Python时间的精准正则匹配方法分析
2017/08/17 Python
Python简单定义与使用二叉树示例
2018/05/11 Python
Django安装配置mysql的方法步骤
2018/10/15 Python
python变量赋值方法(可变与不可变)
2019/01/12 Python
使用Python检测文章抄袭及去重算法原理解析
2019/06/14 Python
Python 实现遥感影像波段组合的示例代码
2019/08/04 Python
python实现简单图书管理系统
2019/11/22 Python
Jupyter Notebook输出矢量图实例
2020/04/14 Python
Python基于模块Paramiko实现SSHv2协议
2020/04/28 Python
Python实现哲学家就餐问题实例代码
2020/11/09 Python
Selenium环境变量配置(火狐浏览器)及验证实现
2020/12/07 Python
HTML5 video视频字幕的使用和制作方法
2018/05/03 HTML / CSS
建筑安全生产目标责任书
2014/07/23 职场文书
大学生作弊检讨书
2014/09/11 职场文书
井冈山红色之旅感想
2014/10/07 职场文书
单位工作证明
2014/10/07 职场文书
小学见习报告
2015/06/23 职场文书
圣诞晚会主持词
2015/07/01 职场文书
win10此电脑打不开怎么办 win10双击此电脑无响应的解决办法
2022/07/23 数码科技