Question

jquery easyui 中下拉框联动问题，我第一个下拉框可以进行筛选，第2个下拉框就不可以筛选，求解，代码如下

$(function(){
$("#aa").combobox({
url:"TestHandler.ashx?action="+"bindclass"+"",
id:"aa",
valueField:"PTid",
textField:"Type",
onSelect:function(record){
var PTid=$("#aa").combobox("getValue");
$("#bb").combobox({
id:"bb",
url:"TestHandler.ashx?action="+"bindGuige"+"&PTid="+PTid,
valueFidld:"Model",
textField:"Model"
});
}
});
$("#bb").combobox();//加载下拉框的样式
});
这个可以实现联动效果，但是我在第二个下拉框里输入内容的时候就会，是因为，我一旦输入内容的时候，下面的下拉框里的内容就全部变白了，为空，这个为什么，求解决方法

Answer 1

先用类似httpwatch的工具，看看服务器有没有返回正确的数据。然后再排查是不是前端绑定出了问题

追问

这个放心，数据是没有问题的，当我往里面输入内容的时候，这个时候下拉框就没有值

追答

当aa被选中时，你就触发了加载bb的事件，
但是这时候你获取到的aa值是空值啊。
所以当你选中aa时，通过httpwatch应该可以观察到服务器端返回的数据是根据这个请求：
TestHandler.ashx?action="+"bindGuige"+"&PTid=null"，
所以这个应该不是你所期望的数据。
因为当你真正完成对aa的输入时，已经完成了对bb的加载，而你输入的aa的值并没有被当作加载bb时的参数。

我想应该是这个原因。建议把加载bb的行为用 bb被选择的事件去触发

追问

谢谢你的细心分析，我现在才知道我提出的问题有错，进行联动没有问题，就是在bb 里进行输入的时候，bb里的值才会变成空，当点击aa下拉框的时候，一切是正常的，bb里也有数据，但是这个时侯往bb里输入值进行筛选的时，这个时候bb的值才变成空。我一旦把bb里输入的值删除掉的时候，又正常了

追答

额。。。这个问题貌似很怪，但是我猜测可能原因会很简单。
我只能联想到可能与 easy-ui的combo组件有一个用于设置：
当用户输入时 触发自动搜索列表项 的延迟时间的属性，叫，delay，
其默认值为200，表示的是：Delay to do searching from the last key input event。
楼主不妨将之个属性加进去，并设置一个很大的值进行调试

追问

其实它怪的还不只有这点，当我进行联动后，点击bb下拉框进行选择值的时候，无论你选择哪一个，值虽然在文本框里，但是下拉框都成了选中状态，很怪。呵呵谢谢你的详细分析，给你分

Answer 2

最好不要用easyui，用jquery ui最好。

追问

那你给个列子