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中setTimeout()和setInterval() 何时被调用执行的用法
Apr 12 Javascript
js处理表格对table进行修饰
May 26 Javascript
JavaScript简单实现鼠标移动切换图片的方法
Feb 23 Javascript
JS动态加载脚本并执行回调操作
Aug 24 Javascript
AngularGauge 属性解析详解
Sep 06 Javascript
jQuery实现花式轮播之圣诞节礼物传送效果
Dec 25 Javascript
EasyUI学习之DataGird分页显示数据
Dec 29 Javascript
Vue.JS项目中5个经典Vuex插件
Nov 28 Javascript
Javascript网页抢红包外挂实现分享
Jan 11 Javascript
JS兼容所有浏览器的DOMContentLoaded事件
Jan 12 Javascript
小程序图片剪裁加旋转的示例代码
Jul 10 Javascript
elementUI 设置input的只读或禁用的方法
Oct 30 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代码
2010/02/16 PHP
基于php-fpm 参数的深入理解
2013/06/03 PHP
PHP错误Parse error: syntax error, unexpected end of file in test.php on line 12解决方法
2014/06/23 PHP
php中time()与$_SERVER[REQUEST_TIME]用法区别
2014/11/19 PHP
php判断用户是否手机访问代码
2015/06/08 PHP
从ThinkPHP3.2.3过渡到ThinkPHP5.0学习笔记图文详解
2019/04/03 PHP
JavaScript Event学习第十章 一些可替换的事件对
2010/02/10 Javascript
主页面中的两个iframe实现鼠标拖动改变其大小
2013/04/16 Javascript
jquery如何判断表格同一列不同行input数据是否重复
2014/05/14 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
2014/07/18 Javascript
Javascript中的高阶函数介绍
2015/03/15 Javascript
jquery转盘抽奖功能实现
2015/11/13 Javascript
深入探讨前端框架react
2015/12/09 Javascript
jQuery数组处理函数整理
2016/08/03 Javascript
AngularJS下对数组的对比分析
2016/08/24 Javascript
jquery实现input框获取焦点的方法
2017/02/06 Javascript
JavaScript中常见的八个陷阱总结
2017/06/28 Javascript
详解vue-cil和webpack中本地静态图片的路径问题解决方案
2017/09/27 Javascript
详解设置Webstorm 利用babel将ES6自动转码成ES5
2017/12/20 Javascript
微信小程序之事件交互操作实例分析
2018/12/03 Javascript
30分钟精通React今年最劲爆的新特性——React Hooks
2019/03/11 Javascript
axios实现文件上传并获取进度
2020/03/25 Javascript
解决antd日期选择组件,添加value就无法点击下一年和下一月问题
2020/10/29 Javascript
对pyqt5中QTabWidget的相关操作详解
2019/06/21 Python
Python 把序列转换为元组的函数tuple方法
2019/06/27 Python
python hashlib加密实现代码
2019/10/17 Python
python实现多进程按序号批量修改文件名的方法示例
2019/12/30 Python
python numpy矩阵信息说明,shape,size,dtype
2020/05/22 Python
python 还原梯度下降算法实现一维线性回归
2020/10/22 Python
美国正版电视节目和电影在线观看:Hulu
2018/05/24 全球购物
主管会计岗位职责
2014/03/13 职场文书
职业生涯规划书前言
2014/04/15 职场文书
党员批评与自我批评思想汇报
2014/10/08 职场文书
交通运输局四风问题对照检查材料思想汇报
2014/10/09 职场文书
react如何快速设置文件路径别名
2021/04/28 Javascript
铁头也玩根德 YachtBoy YB-230......
2022/04/05 无线电