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 网页跳转的方法
Dec 24 Javascript
解析使用js判断只能输入数字、字母等验证的方法(总结)
May 14 Javascript
javascript操作html控件实例(javascript添加html)
Dec 02 Javascript
jquery操作checkbox示例分享
Jul 21 Javascript
JavaScript中document.forms[0]与getElementByName区别
Jan 21 Javascript
Centos7 中安装 Node.js v4.4.4
Nov 03 Javascript
js从输入框读取内容,比较两个数字的大小方法
Mar 13 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
Jul 10 Javascript
select2 ajax 设置默认值,初始值的方法
Aug 09 Javascript
axios携带cookie配置详解(axios+koa)
Dec 28 Javascript
JavaScript模块管理的简单实现方式详解
Jun 15 Javascript
vue 中this.$set 动态绑定数据的案例讲解
Jan 29 Vue.js
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
phpMyAdmin链接MySql错误 个人解决方案
2009/12/28 PHP
使用XDebug调试及单元测试覆盖率分析
2011/01/27 PHP
php不用正则验证真假身份证
2013/11/06 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(六)
2014/06/23 PHP
ThinkPHP实现多数据库连接的解决方法
2014/07/01 PHP
字符串长度函数strlen和mb_strlen的区别示例介绍
2014/09/09 PHP
php中call_user_func函数使用注意事项
2014/11/21 PHP
PHP保留两位小数的几种方法
2019/07/24 PHP
轻轻松松学习JavaScript
2007/02/25 Javascript
js 浮动层菜单收藏
2009/01/16 Javascript
Prototype Function对象 学习
2009/07/12 Javascript
jQuery 入门级学习笔记及源码
2010/01/22 Javascript
JQUERY获取form表单值的代码
2010/07/17 Javascript
js控制滚动条缓慢滚动到顶部实现代码
2013/03/20 Javascript
js仿京东轮播效果 选项卡套选项卡使用
2017/01/12 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
2017/06/02 Javascript
详解Vue2 SSR 缓存 Api 数据
2017/11/20 Javascript
在js代码拼接dom对象到页面上的模板总结
2018/10/21 Javascript
JavaScript中引用vs复制示例详析
2018/12/06 Javascript
js blob类型url的视频下载问题的解决
2019/11/29 Javascript
Python对小数进行除法运算的正确方法示例
2014/08/25 Python
创建pycharm的自定义python模板方法
2018/05/23 Python
python 3.7.0 下pillow安装方法
2018/08/27 Python
python如何通过pyqt5实现进度条
2020/01/20 Python
PyCharm取消波浪线、下划线和中划线的实现
2020/03/03 Python
为什么相对PHP黑python的更少
2020/06/21 Python
北京振戎融通Java面试题
2015/09/03 面试题
测控技术与通信工程毕业生自荐信范文
2013/12/28 职场文书
2014升学宴答谢词
2014/01/26 职场文书
领班岗位职责范文
2014/02/06 职场文书
大四自我鉴定
2014/02/08 职场文书
促销活动总结报告
2014/04/26 职场文书
领导班子对照检查材料
2014/09/22 职场文书
公司前台接待岗位职责
2015/04/03 职场文书
小学生勤俭节约倡议书
2015/04/29 职场文书
因公司原因离职的辞职信范文
2015/05/12 职场文书