在客户端怎么实现DropDownList的绑定

Question

有两个DropDownList,一个是大类的数据dlbig,一个是小类的数据dlsmall
数据库这样设计
bigid bigclass
1       家电
2       手机smallid  bigid smallclass
1         1     海信
2         1     海儿
3         2     三星我想让网页载入的时候载入到两个IList变量中,并把大类的变量绑定到dlbig,当dlbig改变时,在客户端查询小类的数据,让这些数据显示在dlsmall中,怎么实现?给点代码吧,谢谢,我不需要做回传,当网页载入时把这两个表的数据都载入到网页中就可以.不需要与服务器端交互

Answer 1

Ajax实现无刷新三联动下拉框
http://singlepine.cnblogs.com/articles/257954.htmlXmlHttp实现无刷新三联动下拉框 
http://singlepine.cnblogs.com/articles/265678.htmlJavaScript调用Web Services实现无刷新三联动 
http://singlepine.cnblogs.com/articles/301009.html

Answer 2

如果不需要跟后台交互的话，纯粹用javascript就能实现了。具体的代码就不说了，因为很容易就能网上找到。
说一下思路吧
1。把你的数据放在两个数组中。可以自己构建自定义的对象来把记录结构放进数组，也可以用锯齿数组(数据的元素还是数组)方式来存放数据。
2。用javascript把大类数组的数据通过select对象的OPTIONS属性一条一条的add到dropdownlist中；
3。把大类的dropdownlist的onchange（客户端javascript事件）事件中，根据大类的dropdownlist的值检索小类数组，然后把检索到的小类数组放进小类的dropdownlist。因为都是javascript的代码，编写调试起来有点麻烦，建议你用frontpage自带的Microsoft 脚本编辑器，调试javascript容易的很。