点击改变文本框选择内容，Jquery datatables 重新加载数据

选择文本框中的project的值DataTable显示不同的数据

    <div class="form-group"><label for="selProject64" class="col-sm-4 control-label">Project：</label><div class="col-sm-4" id="divStashProjectBranch"><select id="selProject" class="form-control" data-toggle="tooltip" data-place="right">
<option id="span_0" value="slect" >select one</option>
<option id="span_1" value="1" >1</option> <option id="span_2" value="2" >2</option> <option id="span_3" value="3" >3</option> </select> </div> <span class="help-block" style="color:#FF6666;font-size: 25px" data-i18n="common.required.star"></span> </div>

<div class="row-fluid" id="divRepoInfoList"><table id="tabInfo" class="table table-striped table-bordered table-hover" width="100%"><thead><tr><th id="th_repo" width="35%" >repo</th><th id="th_project" width="30%" >project</th><th id="th_action" width="35%">action</th></tr></thead><tbody style="font-size: 14px"></tbody></table></di

<script type="text/javascript">var isloaded = false;$(document).ready(function () {$("#tabInfo").DataTable({//初始化时表格无数据"aLengthMenu": [10, 20],"iDisplayLength": 10,"aoColumnDefs": [{"bSortable": false,"aTargets": [1, 2]}],});$("#txtProject").change(function () {//点击事件$("#tabInfo").dataTable().fnDestroy();//还原初始化了datatablegetCharData();});});function getCharData(){$("#tabInfo").DataTable({"aLengthMenu": [10, 20],"iDisplayLength": 10,"aoColumnDefs": [{"bSortable": false,"aTargets": [1, 2]}],ajax: {type: "POST",url: "",data: {'type':,project: $("#txtProject64").val(),},error: function () {alertError("");},dataSrc: function (json) {json.draw = json.data.draw;json.recordsTotal = json.data.recordsTotal;json.recordsFiltered = json.data.recordsFiltered;return json.data;}},})}
</script>

点击改变文本框选择内容，Jquery datatables 重新加载数据相关推荐

jquery ajax 滚动加载数据
jquery php 滚动加载数据(文件包 rollingpage) 效果如下: 页面加载时候($function(){ 自动加载第一页数据 }) 设置: var winH = $(window).h ...
jquery获取加载的html内容,jquery 获取ajax加载的html中部分内容
最近在用wordpress开发企业主题的过程中,遇到不少客户都要求用ajax解决提交留言,在查找了很多资料的情况下,最终我决定手工改进,以不影响后续系统升级. 在做得过程中,我发现这个form的返回值 ...
Bootstrap弹出框（Popover）插件动态加载数据
效果鼠标点击输入框弹出提示内容,内容是根据输入的字符动态加载的,效果如图: HTML <input type="text" class="form-control ...
jquery 的mmgrid 加载数据时的传参数的方式
1:第一种方式 tbExpress = $('#tb-Express').mmGrid({height: 365,cols: custCols,url: '${ctx}/customerManage/ ...
Win32汇编获取和设置文本框的内容
看一下Win32汇编如何获取和设置文本框的内容: 资源文件如下: #include <resource.h>#define ICO_MAIN 0x1000 //图标 #define DLG ...
js/jquery获取文本框的值与改变文本框的值
我们就用它来学习获取文本框的值及改变文本框的值. 代码如下复制代码 <script> function get1() { document.getElementById("tx ...
html5点击复制文本框内容,js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一.原理分析浏览器提供了 ...
python获取文本框内容_jquery获取文本框的内容
使用jquery获取文本框的内容有以下几种: 1.根据ID取值(id属性): // javascript function getUserName(){ var username= $("# ...
【超详总结/理解：正则表达式】特点/元字符/正则表达式中的标志位-flag/RegExp/重复操作与后向引用/匹配模式/表达邮箱/正则表达式对象的方法/利用正则表达式限制网页表单里的文本框输入内容
文章目录正则表达式: 正则表达式的用途正则表达式的组成-元字符正则表达式的特点正则表达式中的标志位-flag JavaScript中的正则表达式解析 RegExp 定义 RegExp RegE ...
已解决selenium模块向网页input文本框输入内容失败问题
已解决(selenium向input文本框输入内容失败问题)selenium.common.exceptions.ElementNotInteractableException: Message: e ...

点击改变文本框选择内容，Jquery datatables 重新加载数据

点击改变文本框选择内容，Jquery datatables 重新加载数据相关推荐

最新文章

热门文章