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 相关文章推荐
Javascript的getYear、getFullYear、getUTCFullYear异同分享
Nov 30 Javascript
javascript按位非运算符的使用方法
Nov 14 Javascript
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
Jan 22 Javascript
js实现从中间开始往上下展开网页窗口的方法
Mar 02 Javascript
深入了解JavaScript中的Symbol的使用方法
Jul 28 Javascript
flexslider.js实现移动端轮播
Feb 05 Javascript
js代码延迟一定时间后执行一个函数的实例
Feb 15 Javascript
JS实现的随机排序功能算法示例
Jun 09 Javascript
微信小程序实现点击按钮移动view标签的位置功能示例【附demo源码下载】
Dec 06 Javascript
小程序实现抽奖动画
Apr 16 Javascript
解决Layui 表格自适应高度的问题
Nov 15 Javascript
通过实例解析JavaScript常用排序算法
Sep 02 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
一个改进的UBB类
2006/10/09 PHP
php 网页播放器用来播放在线视频的代码(自动判断并选择视频文件类型)
2010/06/03 PHP
跟我学Laravel之请求与输入
2014/10/15 PHP
PHP反射原理与用法深入分析
2019/09/28 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
PHP Web表单生成器案例分析
2020/06/02 PHP
js自定义事件代码说明
2011/01/31 Javascript
读jQuery之十三 添加事件和删除事件的核心方法
2011/08/23 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
2015/07/15 Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
2015/11/17 Javascript
JavaScript数组去重的6个方法
2017/01/21 Javascript
Vue结合SignalR实现前后端实时消息同步
2017/09/19 Javascript
微信小程序项目实践之九宫格实现及item跳转功能
2018/07/19 Javascript
JavaScrip如果基于url实现图片下载
2020/07/03 Javascript
vue 监听窗口变化对页面部分元素重新渲染操作
2020/07/28 Javascript
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
2020/12/30 Vue.js
python模拟登录百度代码分享(获取百度贴吧等级)
2013/12/27 Python
ubuntu系统下 python链接mysql数据库的方法
2017/01/09 Python
老生常谈Python之装饰器、迭代器和生成器
2017/07/26 Python
Python遍历某目录下的所有文件夹与文件路径
2018/03/15 Python
Window10+Python3.5安装opencv的教程推荐
2018/04/02 Python
详解Python发送email的三种方式
2018/10/18 Python
Python 创建新文件时避免覆盖已有的同名文件的解决方法
2018/11/16 Python
django的ORM操作 增加和查询
2019/07/26 Python
python 批量修改 labelImg 生成的xml文件的方法
2019/09/09 Python
django rest framework 自定义返回方式
2020/07/12 Python
Python容器类型公共方法总结
2020/08/19 Python
css3media响应式布局实例
2016/07/08 HTML / CSS
使用css创建三角形 使用CSS3创建3d四面体原理及代码(html5实践)
2013/01/06 HTML / CSS
西班牙英格列斯百货官网:El Corte Inglés
2016/09/25 全球购物
复古斯堪的纳维亚儿童服装:Baby go Retro
2017/09/09 全球购物
意大利火车票和铁路通行证专家:ItaliaRail
2019/01/22 全球购物
中专毕业生的自我鉴定
2013/12/01 职场文书
建筑工地文明标语
2014/10/09 职场文书
学籍证明模板
2015/06/18 职场文书
2019年圣诞节祝福语集锦
2019/12/25 职场文书