需求:需要用两个combobox来输入一个年月的范围,下拉框的内容从服务器获取。需要实现选中前者后,后者的下拉框中不能显示比前者数值小的;选中后者后,前者的下拉框内容不能显示比后者数值大的

有两个combobox,id为dtStartDate和dtEndDate

    $(document).ready(function () {
getFullData();
initDateByCity();
}) // 因为两个combobox的下拉框的内容是会变化的,所以要有一个完全的版本用于筛选
// 否则如果使用下拉框的内容作为筛选源,只会越来越少
var FullData;
var getFullData = function () {
$.ajax({
type: 'post',
url: 'your url',
async: true,
success: function (result) {
FullData = result;
}
})
} var initDateByCity=function(){
$('#dtStartDate').combobox({
url: 'your url',
valueField: 'Val',
textField: 'Val',
multiple: false,
model: 'remote',
method: 'post',
// 使用onSelect会陷入死循环
onClick: function (item) {
// 注意这里获取的是完全版本的复制,而不是引用
var data = FullData.slice(0);
var j=0;// 因为data进行删除后,index会和FullData不一致,以此纠正
for (var i in FullData) {
if (FullData[i].Val < item.Val) {
data.splice(j, 1);
j--;
}
j++;
}
// 重新加载
$('#dtEndDate').combobox("loadData", data);
}
});
// 上同
$('#dtEndDate').combobox({
url: 'your url',
valueField: 'Val',
textField: 'Val',
multiple: false,
model: 'remote',
method: 'post',
onClick: function (item) {
var data = FullData.slice(0);
var j=0;
for (var i in FullData) {
if (FullData[i].Val > item.Val) {
data.splice(j, 1);
j--;
}
j++;
}
$('#dtStartDate').combobox("loadData", data);
}
});
}

easyui-combobox实现取值范围的联动的更多相关文章

  1. easyui combobox 的取值问题

    easy-combobox 取值问题 例子:<select id="cc" class="easyui-combobox" name="cc&q ...

  2. jquery 获取easyui combobox选中的值、赋值

    jquery easyui combobox 控件支持单选和多选 1.获取选中的值 $('#comboboxlist').combobox('getValue');  //单选时 $('#combob ...

  3. easyui 》 radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中

    获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $(" ...

  4. easyUI中datetimebox和combobox的取值方法

    easyUi页面布局中,查询条件放在JS中,如下 <script type="text/javascript"> var columnList = [ [   {    ...

  5. Ext.form.ComboBox 后台取值 动态加载 ext5.0.0

    我用的extjs是5.0.0版本的. 请注意:如果这里没有的combobox相关内容,这里一定有. 开始的时候keyup事件取到的数据就是放不到ComboBox中,放全局变量也不好用.最后大神出手帮忙 ...

  6. easyui validatebox textbox 取值和赋值

    总结:表单元素使用easyui时,textbox和validatebox设置值和获取值的方式不一样 text-box设置值只能使用id选择器选择表单元素,只能使用textbox("setVa ...

  7. easyui combobox 不能选中值的问题

    easyui comboxbox 下拉框加载到数据,但是不能选中.一般情况是重复渲染,页面有同名元素,valueField重复. 这次遇到的具体问题是,第一次刷新页面,可以选中,第二次不能选中.考虑到 ...

  8. EasyUI Combobox 设置默认值

    /** *绑定运营商,设置默认值, 显示CMCC, 传值1 */ $('#operatingId').combobox({ url:'data_url', valueField:'id', textF ...

  9. EASYUI赋值和取值

       $("#ajname").textbox("setValue",name);      $("#jyzjg").combobox(&q ...

  10. EasyUI Combobox设定默认值

    $(function () { $('#Select6').combobox({ onLoadSuccess: function () { var data = $('#Select6').combo ...

随机推荐

  1. 05:Cave Cows 1 洞穴里的牛之一

    总时间限制:  10000ms 单个测试点时间限制:  1000ms 内存限制:  262144kB 描述 很少人知道其实奶牛非常喜欢到洞穴里面去探险.     洞窟里有N(1≤N≤100)个洞室,由 ...

  2. Android 解决下拉刷新控件和ScrollVIew的滑动冲突问题。

    最近项目要实现ScrollView中嵌套广告轮播图+RecyleView卡片布局,并且RecyleView按照header和内容的排列样式,因为RecyleView的可扩展性很强,所以我毫无疑问的选择 ...

  3. gui编程实战——qq聊天界面1

    public class testDemo_2 extends JFrame{ JTextArea jta=null; //多行文本框组件 JScrollPane jsp=null; //滚动文本框 ...

  4. lua中调用C++函数

    lua中调用C++函数 我们产品中提供了很多lua-C API给用户在lua中调用,之前一直没用深究其实现原理,只是根据已有的代码在编码.显然这不是一个好的习惯,没用达到知其所以然的目的. 一.基本原 ...

  5. 洛谷 P1983 车站分级 拓扑排序

    Code: #include<cstdio> #include<queue> #include<algorithm> #include<cstring> ...

  6. [HNOI2008]越狱 快速幂 逆推

    考虑越狱的情况有些复杂,不如考虑总情况减去不越狱的情况. 显然,总情况为 $m^n$ 种,不越狱的情况为 $m*(m-1)*(m-1)*(m-1)....$ 即为 $m*(m-1)^(n-1)$. 做 ...

  7. HDU 6315 Naive Operations(线段树+复杂度均摊)

    发现每次区间加只能加1,最多全局加\(n\)次,这样的话,最后的答案是调和级数为\(nlogn\),我们每当答案加1的时候就单点加,最多加\(nlogn\)次,复杂度可以得当保证. 然后问题就是怎么判 ...

  8. windows下matlab代码到ubuntu下中文注释出现乱码

    转自:https://blog.csdn.net/kouyi5627/article/details/81513329 环境:Ubuntu18.04,Matlab R2017b. 把matlab文件从 ...

  9. 入门python:《Python编程快速上手让繁琐工作自动化》中英文PDF+代码

    入门推荐学习<python编程快速上手>前6章是python的基础知识,通俗易懂地讲解基础,初学者容易犯错的地方,都会指出来.从第三章开始,每章都有一个实践项目,用来巩固前面所学的知识. ...

  10. Java统计一篇文章中每个字符出现的个数

    大家可以参考下面代码,有什么疑问请留言... import java.io.BufferedReader; import java.io.FileInputStream; import java.io ...