如何实现下拉框联动?

2024年11月16日 05:23
有3个网友回答
网友(1):

  网页下拉框联动,即第一个下拉框内容改变,则与之联动的另一个下拉框的内容也随之改变。这个功能javascript(以下简称js)或者jsp都可以实现,不过根据笔者经验,除非万不得已,能够利用js实现的话就尽量不要使用jsp,因为js是静态语言,执行不需要和服务器联系 ,不论在速度上还是稳定性上都有很大的优越性。
  下拉框的条目内容如果是事先确定的并且数量较少,那么可以事先定义两个数组,将下拉框的条目内容存进去,为了实现上的方便,可以利用下标对照进行存储,当然,也可以用别的方法,只要可以做到第一级下拉框和二级的条目对应起来就行了。
  以下标对照存储为例;  
  比方说第一级下拉框的内容为A,B,C;当选定A时,二级下拉框内容为11,22,33,选定B时,二级下拉框内容为44,55,66,选定C时,二级下拉框内容为77,88,99;这样的话定义的两个数组为:
  var quanbu1 = new Array(A,A,A,B,B,B,C,C,C);
  var quanbu2 = new Array(11,22,33,44,55,66,77,88,99);

网友(2):

如何实现下拉框联动?
你这个是静态的还是从数据库查的?
如果是静态的 网上很多例子, 把数据写到两个js数组里就可以了
如果是动态的,一般用的是Ajax来做,如果你觉得这个比较难,那么我给你个简单的思路
就是当我选择第一个下拉菜单的时候,触发onchange事件 提交表单,把选择的value提交到servlet
然后通过这个value把第二个下拉菜单要显示的内容查出来,再传到这个页面上显示

网友(3):

可以参考下public Tb_C001_Organization Org { get { return org; } set { SetPropertyValue("Org", ref org, value); OnChanged("Div"); OnChanged("Dept"); } } public string Div { get { if (org != null && org.DivCode!=null) { return org.DivCode.ToString(); } else { return div; } } } public string Dept { get { if (org != null && org.DeptCode!=null) { return org.DeptCode.ToString(); } else { return dept; } } } 查看原帖>>

求采纳