Dropdown基于jsp Struts中的另一个下拉列表



我是Ajax的新手。目前我正在做一个新项目。对于该项目,其中一个要求是根据第一个下拉列表的输入填充第二个下拉列表。我正在使用Struts来实现这一点。我不想刷新页面,所以我需要使用Ajax来调用后端的第二个下拉列表内容,并在第二个列表中填充。我不知道如何为此编写代码。

在我的struts项目中应该包括什么(jar、标签)?我的JSP中应该包含哪些条目(我使用的是<html:select>)?JavaScript中会出现什么?操作类中会出现什么(在操作类中,我可以根据第一个下拉列表中的选择从DB中获取列表值)?

我没有使用ajax,而是使用struts来实现这一点。我已经将所有变量分配给表单,以便在提交表单时保留值。

这个问题的答案可能是一篇论文;)我会带你进去的。

1] 使用类似jquery的javascript框架。它将帮助您对控制器URL进行ajax调用查看有关的简单教程http://www.tutorialspoint.com/jquery/jquery-ajax.htm

2] 对于控制器,让我们映射两个url:

  • urapp/populateDropdown1到控制器,该控制器在ur第一次下拉时返回值/列表目标
  • urapp/populateDropdown2发送到另一个控制器(或同一控制器内的方法),该控制器响应GET请求并接收所选值的参数,例如名称SEL_VALUE

3] onchange事件。即使是在你的第一次滴管时,也要换一个最合适的或类似的。在您的事件中,调用一个js函数;如<select onchange=callDropDown2Controller(this.value) >在您的callDropDown2Controller()方法中:

//pseudo implementation
callDropDown2Controller(var selectedValue){
// now generate an AJAX get request using jquery with the following url 
urlToCall =  '/urapp/poplateDropdown2?SEL_VALUE=' + selectedValue
}

剩下的朋友你需要做一些家庭作业和研究。

相关内容

最新更新