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实现拖拽 闭包函数详细介绍
Nov 25 Javascript
window.location.reload()方法刷新页面弹出要再次显示该网页对话框
Apr 24 Javascript
js隐式全局变量造成的bug示例代码
Apr 22 Javascript
使用Javascript简单实现图片无缝滚动
Dec 05 Javascript
封装了jQuery的Ajax请求全局配置
Feb 05 Javascript
在Javascript中处理数组之toSource()方法的使用
Jun 09 Javascript
bootstrapfileinput实现文件自动上传
Nov 08 Javascript
深入理解Angularjs中的$resource服务
Dec 31 Javascript
node.js中fs.stat与fs.fstat的区别详解
Jun 01 Javascript
vue项目中使用ueditor的实例讲解
Mar 05 Javascript
详解在create-react-app使用less与antd按需加载
Dec 06 Javascript
详解javascript中var与ES6规范中let、const区别与用法
Jan 11 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中的数组操作函数整理
2008/08/18 PHP
smarty模板中拼接字符串的方法
2014/02/14 PHP
PHP对象相互引用的内存溢出实例分析
2014/08/28 PHP
phpmyadmin中禁止外网使用的方法
2014/11/04 PHP
php解析字符串里所有URL地址的方法
2015/04/03 PHP
php版微信公众平台实现预约提交后发送email的方法
2016/09/26 PHP
PHP 的Opcache加速的使用方法
2017/12/29 PHP
jQuery EasyUI 开源插件套装 完全替代ExtJS
2010/03/24 Javascript
改变状态栏文字的js代码
2014/06/13 Javascript
一个通过script自定义属性传递配置参数的方法
2014/09/15 Javascript
JavaScript实现列表分页功能特效
2015/05/15 Javascript
js仿黑客帝国字母掉落效果代码分享
2020/11/08 Javascript
jQuery+css实现的换页标签栏效果
2016/01/27 Javascript
JQuery点击行tr实现checkBox选中的简单实例
2016/05/26 Javascript
jquery插件方式实现table查询功能的简单实例
2016/06/06 Javascript
JS插件plupload.js实现多图上传并显示进度条
2016/11/29 Javascript
Javascript中的prototype与继承
2017/02/06 Javascript
搭建element-ui的Vue前端工程操作实例
2018/02/23 Javascript
JavaScript创建对象方法实例小结
2018/09/03 Javascript
JavaScript面向对象程序设计中对象的定义和继承详解
2019/07/29 Javascript
vue递归组件实战之简单树形控件实例代码
2019/08/27 Javascript
手把手教你如何编译打包video.js
2020/12/09 Javascript
javascript实现固定侧边栏
2021/02/09 Javascript
Python+django实现简单的文件上传
2016/08/17 Python
详解python开发环境搭建
2016/12/16 Python
python3 shelve模块的详解
2017/07/08 Python
Flask之flask-session的具体使用
2018/07/26 Python
Python爬虫beautifulsoup4常用的解析方法总结
2019/02/25 Python
Python实现合并excel表格的方法分析
2019/04/13 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
俄罗斯儿童和青少年服装、鞋子及配件的在线商店:Orby
2020/02/20 全球购物
迪卡侬中国官网:Decathlon中国
2020/08/10 全球购物
亲子活动总结
2014/04/26 职场文书
Pandas自定义选项option设置
2021/07/25 Python
box-shadow单边阴影的实现
2023/05/21 HTML / CSS
HTML 里 img 元素的 src 和 srcset 属性的区别详解
2023/05/21 HTML / CSS