3个组合框，逐个更改，每个自动选择第一项
我有3个组合框，当我选择第一个组合框时，我希望第二个组合框的第一项和第三个组合框被自动选择。当选择第二个组合框的第一项时，将触发第三个组合框的on选择事件，但参数记录未定义
$("#c2").combobox({
onSelect:function(record)
当我选择第一个组合框的项目时，这里的记录是未定义的。当我选择第二个组合框的项目时，它不是
为什么？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/color.css">
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/demo/demo.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>
<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript">
//simulate the database
var data={};
data.id1=[{value:"id1",text:"aa1"},{value:"id2",text:"aa2"}];
data.id2=[{value:"id3",text:"aa3"},{value:"id4",text:"aa4"}];
data.id1.id1=[{value:"id1",text:"aaa1"},{value:"id2",text:"aaa2"}];
data.id1.id2=[{value:"id3",text:"aaa3"},{value:"id4",text:"aaa4"}];
data.id2.id1=[{value:"id5",text:"aaa5"},{value:"id6",text:"aaa6"}];
data.id2.id2=[{value:"id7",text:"aaa7"},{value:"id8",text:"aaa8"}];
$(function(){
var c1id;
$("#c1").combobox("loadData",[{value:"id1",text:"a1"},{value:"id2",text:"a2"}]);
//change c2 box when c1 on select
$("#c1").combobox({
onSelect:function(record){
c1id=record.value;
$("#c2").combobox("clear");
$("#c2").combobox("loadData",data[record.value]);
try{var c2data=$("#c2").combobox("getData");//c2data.length is 0?
value=c2data[0].text;
$("#c2").combobox("select",value);}
catch(e){
}
}
})
$("#c2").combobox({
onSelect:function(record){
$("#c3").combobox("clear");
$("#c3").combobox("loadData",data[c1id][record.value]);
try{var c2data=$("#c3").combobox("getData");//c2data.length is 0?
value=c2data[0].text;
$("#c3").combobox("select",value);}
catch(e){
}
}
})
});
</script>
</head>
<body>
<input id="c1" class="easyui-combobox">
<input id="c2" class="easyui-combobox">
<input id="c3" class="easyui-combobox">
</body>
</html>
共有1个答案
当设置combobox的值时，你应该传递一个值，而不是一个文本，我的意思是
value=c2data[0].text;
$("#c2").combobox("select",value);}
应该是
value=c2data[0].value;
$("#c2").combobox("select",value);}
如果您选择一个不存在的值，组合框会显示它，但不会将其与对象相关联。这就是为什么您会得到一个未定义的。
-
我的用户控件上有两个组合框。我的目标是，当第一个被选中（里面有一个项目）时，第二个应该处于活动状态。以下是代码片段： 当第一个是项目选择时，如何激活第二个组合框？
-
问题内容： 我有一个生成的DataFrame，如下所示： 结果如下： 如您所见，DataFrame按升序排列，然后按降序排列。 我想选择每个组的第一行，即 从小时== 0的组中选择（0，cat26,30.9） 从小时= 1的组中选择（1，cat67,28.5） 从小时== 2的组中选择（2，cat56,39.6） 等等 因此，所需的输出将是： 能够选择每个组的前N行也可能很方便。 任何帮助都将受到
-
问题内容： 我有两个选择： 如果我首先选择“水果”，该如何使用jQuery？第二个选择仅向我显示水果- 香蕉，苹果，橙子。如果我在第一个选择中选择“鸟”，则第二个选择仅显示“鸟”-老鹰，鹰。等等… 我试图用这段jQuery代码来做到这一点： 不幸的是，它几乎删除了所有内容，而且我不知道如何恢复一些选择。我也阅读了一些有关克隆的内容，但是在这种情况下我不知道如何使用它。 问题答案： $(“#sele
-
问题内容： 如标题所示，我想选择以分组的每组行的第一行GROUP BY。 具体来说，如果我有一个purchases看起来像这样的表： 我的输出： 我想查询每个人id最大的购买金额（total）customer。像这样的东西： Expected Output: 问题答案： 在PostgreSQL中，这通常更简单，更快捷（下面将进行更多性能优化）： 或更短（如果不太清楚），输出列的序号为： 如果tot
-
我有一个带有组合框的xaml。由于某种原因，我在那里有一些项目，我不能选择它们，当我选择一个项目时，它通常不允许我更改我的选择，如果它更改了，它仅适用于某些值。这是代码： 我希望我写的很清楚，因为我把它从电脑复制到了手机上。基本上，我有所有的用户，并按部门对他们进行分类。用户只能看到他所在部门的文档，并且可以选择绑定词典中可用的文档。如果不可用，组合框中的项目将为红色且不可检查。这个管用。唯一没有
-
问题内容： 我有两个下拉菜单，其中的选项不是从数据库中获取的。 第一个，让用户选择一个类别。 第二个选项取决于第一个下拉菜单中的选择。例如，如果用户选择“ 第一个” 选项，则第二个下拉列表将显示 但是当用户改变主意，或先选择 第二个 选项时，第二个下拉列表现在将显示 我的问题是我该如何实现？不用数据库就可以做到吗？ 谢谢！ 问题答案： 参见下文，查看 不使用数据库 的 工作示例 。 使用MySQL