jquery-editable-select使用 绑定动态数据
参考博文https://blog.csdn.net/CommandBaby/article/details/80622931
只是在动态添加value 和text的时候有变动，对应新的插件，楼主写的$(this).val(t.Id);对li标签添加不了value，我查看了一下源码，使用的以下方法可行：
$(this).attr('value', t.Id)附上整个配置过程：
- 引用js 和css文件
<script src="~/Content/js/jquery-editable/jquery-editable-select.js"></script><link rel="stylesheet" type="text/css" href="~/Content/css/jquery-editable-select.css" />- div里设置select控件
<div style="padding-bottom: 20px"><select id="select_test" class="form-control"><option value="0">请选择</option></select></div>- js中初始化插件
<script type="text/javascript">var selectType = "";function init() {$('#select_test').editableSelect().on('select.editable-select', function (e, li) {selectType = li.attr('value');});$.ajax({url: "url",type: "GET",data: {},dataType: "json",success: function (data) { $.each(data, function (i, t) { $('#select_test').editableSelect('add', function () { $(this).attr('value', t.Id);$(this).text(t.Text); });}); }}); }}(function ($) {$(function () {init(); });})(jQuery);</script>'select.editable-select'是插件提供的事件，在下拉选项被选中时会触发，这个时候可以获取到我们设置的id值，方便之后数据的查阅，等等！
留作记录，方便遇到问题的小伙伴！
如有错误，欢迎指正！
插件地址：https://github.com/indrimuska/jquery-editable-select
jquery-editable-select使用 绑定动态数据相关推荐
- element UI表格绑定动态数据与selection复选操作
element UI表格绑定动态数据与selection复选操作的坑 案例介绍:此案例是要求完成对客户的批量删除功能,因为客户有多条数据所以要结合分页组件来实现,并且批量删除按钮默认是禁用的,当有数据 ...
- Vue使用v-bind绑定动态数据
有时需要绑定一个动态的数据,可以用v-bind来实现 单选按钮: <div id="app"><input type="radio" v-mo ...
- jq循环添加html绑定动态数据及事件
$(function () {let user =[{userId: '1',title: '张三',head: 'z'},{userId: '2',title: '张飞',head: 'z'},{u ...
- html下拉框onchange事件,javascript jquery框架如何为html中select标签绑定onChange事件呢？...
摘要: 下文讲述使用jquery框架为select标签绑定onChange事件的方法分享,如下所示: 在html中我们知道select标签是一个下拉标签,我们可以通过此标签限定标签中的值, onCha ...
- ajax往CJJTable传值,jQuery+ajax怎么样实现动态数据分页
这次给大家带来jQuery+ajax怎么样实现动态数据分页,用jQuery+ajax实现动态数据分页的注意事项有哪些,下面就是实战案例,一起来看一下. 用jQuery实现页码跳转式动态数据分页这个效果 ...
- vue获取table一列数据_VUE table表格动态添加一列数据,新增的这些数据不可以编辑（v-model绑定的数据不能实时更新）...
一.问题 用elementUi横着增加一行数据没毛病,可以操作 添加一列,这新增的这一列, 第一次去赋值的时候值是改了, 但没生效 点击下一行时 值就变过来 二.原因 横向添加 是复制上面的某一条数据 ...
- 4.3.3 用jQuery获取动态数据
4.3.3 用jQuery获取动态数据 2008-09-28 16:09 (英)格雷恩(Granc,D.)等著/贺师俊等译 人民邮电出版社 我要评论(0) 字号:T | T 综合评级: 想读(1) ...
- html jq页面跳转页面,jQuery实现页码跳转式动态数据分页
我们这次给大家带来的是用jQuery实现页码跳转式动态数据分页这个效果,这个效果最明显的就是没有数据加载和刷新页面这个过程,再做小型数据的加载也多级网页加载的时候很有效.我们先来看下实际效果: 下面我 ...
- jquery 绑定动态元素
2019独角兽企业重金招聘Python工程师标准>>> 以一个小例子来简单说明下情况 <script src="jquery-1.11.0.min.js"& ...
最新文章
- 公钥密码--Paillier
- jsch设置代理_Java使用JSch组件实现SSH协议代理服务
- 每天接触大量论文，看看他们是怎样写笔记的 | PaperDaily #09
- 【android】og
- 项目Alpha冲刺——随笔集合
- SAP 电商云 Accelerator 和 Spartacus UI 的工作机制差异
- server 2008R2 AD域环境中DHCP服务器的授权步骤
- SVN提示: File or directory '*' is out of date; try updating 解决方案
- Android 数据存储/访问 之 SharedPreferences(偏好设定)
- Dynamic Set Up the Web Reference Url To WebService
- 上海自考计算机应用基础实践,2001年4月份全国高教自考计算机应用基础试题及答案...
- 简述在计算机中如何添加或删除输入法,Windows 7系统怎么添加或删除输入法?方法介绍...
- linux 内核 addr2line,介绍addr2line调试命令
- 微信小程序input输入框控制金额格式
- 坐标求四面体体积_四面体体积公式
- 浏览器清除缓存[chrome、ie]
- 软件耦合的分类及解决方法
- Audio Hijack教程：轻松捕获iOS设备中的音频
- 备受全球瞩目的「USDT集体索赔案」来龙去脉｜全文译本
- hadoop HA 架构