浅析Bootstrip的select控件绑定数据的问题
此问题让我倒弄了一下午时间,最后终于被我拿下。下面小编把我的功劳分享出来,以此来做个备份,同时也希望能帮助到大家。
具体详情如下所示:
$(function(){ var stu_no = freeUrl(); var data, subname="",data2; var sbList = new Array(); $.ajax({ async: false , dataType: "json", contentType: "application/json", type: "post", url: "../../control/student/stuMain.asmx/findAllSubject", data:"{"+"'stu_no':'"+stu_no+"'}", success: function (response) { data2 = eval(response.d); $.each(data2, function (i) { $("<option value='" + i + "'>" + data2[i].科目名称 + "</option>").appendTo(".selectpicker"); }); $('.selectpicker').selectpicker({ //我是对所有的selectpicker操作一次性赋值,如果你想单独赋值,好ok,那么就这样赋值: //appendTo("#editcolor .selectpicker"),就这样,在你select元素上面罩上一个div, //用div的id就可以标记你要操作的selectpicker,也就是你想操作的select元素标签了 style: 'btn-info', size: 8 }) } })
以上所述是小编给大家介绍的Bootstrip的select控件绑定数据的问题的相关介绍,希望对大家有所帮助!
相关推荐
-
jsp中将后台传递过来的json格式的list数据绑定到下拉菜单select
复制代码 代码如下: <span style="white-space:pre"> </span><select><c:forEach var="fileList" items="${fileList}" varStatus="i"> <option value="${i.count}">${fileList.filePath}</optio
-
轻松使用jQuery双向select控件Bootstrap Dual Listbox
本文主要为大家介绍了双向select控件Bootstrap Dual Listbox的使用方法,Bootstrap Dual列表是一个为响应Twitter优化的列表框插件,它可以用在所有的现代浏览器和触摸设备上,分享给大家,具体如下: 效果图: 一.使用 1.引用css和js文件 <link href="scripts/bootstrap-3.3.5-dist/css/bootstrap.min.css" rel="stylesheet" /> <
-
JS组件Bootstrap Select2使用方法详解
在介绍select组件的时候,之前分享过一篇JS组件中bootstrap multiselect两大组件较量的文章,这两个组件的功能确实很强大,本文分享下select组件的一些用法和特性. 一些通用的单选.多选.分组等功能这里就不多做介绍了,multiselect这方面是强项.重点介绍下select2的一些特性效果: 一.特性效果 1.多选效果 可以设置最多只能选几个 2.图文结合的效果 3.远程搜索功能(即在用户输入搜索内容时动态去后台取数据) 输入内容前 输入空格搜索出全部 滚动条滑动到底部
-
JS组件中bootstrap multiselect两大组件较量
两个这种组件,大体样式和功能基本相同,本文就来带领大家看看这两个组件的用法. 一.组件说明以及API 1.第一个组件--multiple-select.这个组件风格简单.文档全.功能强大.但是觉得它选中的效果不太好.关于它的效果展示,我们放在后面. 2.第二个组件--bootstrap-multiselect.这个组件风格和第一个非常相似,文档也挺全面. 二.Multiple-select组件 1.组件说明 这个组件需要的浏览器支持如下: IE 7+ Chrome 8+ Firefox 10+
-
浅析Bootstrip的select控件绑定数据的问题
此问题让我倒弄了一下午时间,最后终于被我拿下.下面小编把我的功劳分享出来,以此来做个备份,同时也希望能帮助到大家. 具体详情如下所示: $(function(){ var stu_no = freeUrl(); var data, subname="",data2; var sbList = new Array(); $.ajax({ async: false , dataType: "json", contentType: "application/js
-
.Net使用XtraGrid控件绑定数据
目录 设计数据源并绑定字段: 表格数据与数据源的数据同步 新增一条记录,添加行 删除选中行 获取选定行,指定列单元格的内容 Get/Set 单元格的值 选中行改变绑定行数据到对应控件中 1.判断是否有Focused行 2.获取Focused行 3.获取Focused行单元格的值 动态添加列 添加非绑定列 编辑器 添加按钮列 数据验证 1.使用RepositoryItem.Validating事件 2.使用 GridView.ValidatingEditor 事件 3.使用 GridView.Va
-
关于elementUI select控件绑定多个值(对象)
目录 elementUI select控件绑定多个值 el-select绑定多个值id.value 总结 elementUI select控件绑定多个值 通常使用的时候v-model都是绑定一个值,这样没有问题,但在某些需求中会获取选择项的多个值. 那么v-model就需要绑定一个对象,e饿了么的官网说明了绑定对象的时候必须绑定value-key值,否则会出现选择项无法改变的情况. value-key可以使用选择项中的值. 当时没有看文档的时候,自己也想了一个办法,就是绑定选择项的索引值,然后到
-
ASP.NET中DropDownList下拉框列表控件绑定数据的4种方法
DropDownList Web 服务器控件使用户能够从预定义的列表中选择一项.它与 ListBox Web 服务器控件的不同之处在于,其项列表在用户单击下拉按钮之前一直处于隐藏状态.另外,DropDownList 控件与 ListBox 控件的不同之处还在于它不支持多重选择模式. DropDownList在html中的呈现对应的是select,下面让我们来看一下DropDownList绑定数据的几种方法. 一.把Array数组绑到DropDownList 复制代码 代码如下: string[]
-
浅析jQuery操作select控件的取值和设值
1.级联select的操作,后一个select的值随着前一个select选中值变化 $(".select_A").change(function(){ $(".select_B").empty();// 清空后一个select var option = $("<option>").val(1).text('xxx');// 按照实际业务要求重新赋值option $(".select_B").append(optio
-
C#开发WinForm清空DataGridView控件绑定的数据
使用DataGridView控件绑定数据后有时需要清空绑定的数据,在清除DataGridView绑定的数据时: 1.设置DataSource为null this.dgvDemo.DataSource = null 这样虽然可以清空DataGridView绑定的数据,但是DataGridView的列也会被删掉. 2.用DataGridView.Row.Clear() this.dgvDemo.Rows.Clear() 使用这种方法会报错,提示“不能清除此列表”,报错信息如下: 以上两种方法都不是想
-
学习vue.js表单控件绑定操作
本文实例为大家分享了vue.js表单控件绑定的具体代码,供大家参考,具体内容如下 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单控件绑定</title> </head> <body> <!-- v-model在表单控件元素上实现数据的双向绑定 -->
-
Vue 表单控件绑定的实现示例
本文介绍了Vue 表单控件绑定的实现示例,感觉这个地方知识点挺多的,而且很重要,所以,今天添加一点小笔记. 基础用法 可以用 v-model 指令在表单控件元素上创建双向数据绑定.根据控件类型它自动选取正确的方法更新元素.尽管有点神奇,v-model 不过是语法糖,在用户输入事件中更新数据,以及特别处理一些极端例子. Text <span>Message is: {{ message }}</span> <br> <input type="text&qu
-
Vue.js事件处理器与表单控件绑定详解
事件处理主要通过v-on这个指令来执行. 事件监听及方法处理 1.简单的可以直接内嵌在页面. 2.可以通过将方法定义在methods中,然后再v-on中执行 3.可以通过绑定给函数传递参数,还可以传递通过变量$event给函数传递原生DOM事件. <div id="app-1"> <button v-on:click="counter += 1">增加1</button> <p>这个按钮被点击了{{counter}}&
-
DropDownList控件绑定数据源的三种方法
本文给大家分享web 中 DropDownList绑定数据源的几种方式,先给大家分享三种常见的方式,具体详情如下所示: 第一种 this.ddltype.DataTextField = "btName";//显示的值 this.ddltype.DataValueField = "btId";//获取dropdownlist中的值 ddltype.DataSource = service.GetBusinessTypeAll(""); this
随机推荐
- JavaScript 放大镜 放大倍率和视窗尺寸
- 域名状态及其意义总结
- Oracle 10G:PL/SQL正规表达式(正则表达式)手册
- Bootstrap进度条与AJAX后端数据传递结合使用实例详解
- 本人常用的分页代码
- C#实现向多线程传参的三种方式实例分析
- Android 中按home键和跳转到主界面的实例代码
- Node.js中使用jQuery的做法
- 多浏览器css兼容分析小结
- 深入了解MongoDB是如何存储数据的
- JavaScript获取各大浏览器信息图示
- CSS 网页顶部固定工具栏拖动无闪烁实现代码
- 在Flash 设为首页 加为收藏实现代码
- 使用WEB工具快速提高Android开发效率
- Android编程获取地理位置的经度和纬度实例
- python 读写中文json的实例详解
- 利用static实现表格的颜色隔行显示
- java中generic实例详解
- 官方推荐react-navigation的具体使用详解
- shell脚本操作mysql数据库删除重复的数据