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 相关文章推荐
漂亮的widgets,支持换肤和后期开发新皮肤
Apr 23 Javascript
基于jquery实现状态限定编辑的代码
Feb 11 Javascript
javascript Array.prototype.slice的使用示例
Nov 14 Javascript
document.execCommand()的用法小结
Jan 08 Javascript
解决jquery插件冲突的问题
Jan 23 Javascript
flash遮住div问题的正确解决方法
Feb 27 Javascript
AngularJs中Bootstrap3 datetimepicker使用实例
Dec 13 Javascript
基于bootstrap写的一点localStorage本地储存
Nov 21 Javascript
基于ionic实现下拉刷新功能
May 10 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
Sep 17 Javascript
微信小程序自定义键盘 内部虚拟支付
Dec 20 Javascript
解决微信小程序云开发中获取数据库的内容为空的方法
May 15 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
深入了解php4(1)--回到未来
2006/10/09 PHP
PHP根据IP地址获取所在城市具体实现
2013/11/27 PHP
Windows下wamp php单元测试工具PHPUnit安装及生成日志文件配置方法
2018/05/28 PHP
通过AJAX的JS、JQuery两种方式解析XML示例介绍
2013/09/23 Javascript
js 3种归并操作的实例代码
2013/10/30 Javascript
JS如何实现文本框随文本的长度而增长
2015/07/30 Javascript
通过XMLHttpRequest和jQuery实现ajax的几种方式
2015/08/28 Javascript
AngularJS 中文API参考手册
2016/07/28 Javascript
JavaScript中cookie工具函数封装的示例代码
2016/10/11 Javascript
详解vue.js之props传递参数
2017/12/12 Javascript
详解vue指令与$nextTick 操作DOM的不同之处
2018/08/02 Javascript
Vue自定义指令写法与个人理解
2019/02/09 Javascript
Django模板继承 extend标签实例代码详解
2019/05/16 Javascript
Python读取图片属性信息的实现方法
2016/09/11 Python
Python cookbook(数据结构与算法)根据字段将记录分组操作示例
2018/03/19 Python
Python之dict(或对象)与json之间的互相转化实例
2018/06/05 Python
用Python批量把文件复制到另一个文件夹的实现方法
2019/08/16 Python
在django-xadmin中APScheduler的启动初始化实例
2019/11/15 Python
150行python代码实现贪吃蛇游戏
2020/04/24 Python
python绘图pyecharts+pandas的使用详解
2020/12/13 Python
关于解决iframe标签嵌套问题的解决方法
2020/03/04 HTML / CSS
女子锻炼服装和瑜伽服装:Splits59
2019/03/04 全球购物
美国在线购买内衣网站:HerRoom
2020/02/22 全球购物
FirstCry阿联酋儿童和婴儿产品网上购物:FirstCry.ae
2021/02/22 全球购物
个人应聘自我评价分享
2013/11/18 职场文书
材料采购员岗位职责
2013/12/17 职场文书
茶叶店创业计划书范文
2014/01/19 职场文书
婚庆公司的创业计划书
2014/01/22 职场文书
青春励志演讲稿范文
2014/08/25 职场文书
地球物理学专业推荐信
2014/09/08 职场文书
意外伤害赔偿协议书范文
2014/09/23 职场文书
家装业务员岗位职责
2015/04/03 职场文书
如何写辞职信
2015/05/13 职场文书
光荣之路观后感
2015/06/12 职场文书
高中班主任培训心得体会
2016/01/07 职场文书
Pandas 数据编码的十种方法
2022/04/20 Python