如何通过javascript设置struts 2的列表？

Question

当用户在前面的select元素中进行选择时，我将动态地向select元素中添加选项。我在JSP页面中使用struts-html tag。有人能建议怎么做吗？

让我更具体地说，我需要使用Javascript填充一个struts2 tag(s:select list)。

我有三个依赖的动态下拉列表，它们都是从数据库中填充的，所以我使用Ajax+jquery+Struts2通过操作调用查询到数据库，将列表传递给javacript (Ajax+json)，在javascript中将s:select标记的列表属性设置为json。

这就是我想的，如果我错了，或者有更好的方法来做，请告诉我。

Answer 1

一个明确的选项是使用Struts2 双选。你需要做的事情是

<s:doubleselect label="doubleselect test1" name="menu" list="{'fruit','other'}" doubleName="dishes" doubleList="top == 'fruit' ? {'apple', 'orange'} : {'monkey', 'chicken'}" />
<s:doubleselect label="doubleselect test2" name="menu" list="#{'fruit':'Nice Fruits', 'other':'Other Dishes'}" doubleName="dishes" doubleList="top == 'fruit' ? {'apple', 'orange'} : {'monkey', 'chicken'}" />

你可以在这里找到更多的例子

• /struts-2-sdoubleselect示例

如果您不想使用double select，您可以在Jquery的帮助下使用简单的S2选择标记，我不确定从哪里获取第二个下拉列表的值，如果这是从action类中更好地使用Struts2-JSON插件，它将帮助您以JSON的形式将数据发送回UI，并且您可以始终使用Jquery的JSON解析功能来解析JSON并填充下拉列表。

var formInput='state='+statedata;       
   $.getJSON('search/fillDropDown',formInput,function(data) {
     $("#district  option:first").val("-1").text("Please select a  district");
     $('.result').html('' + data.districts + '');
     $.each(data.districts,function(index, value){
     var districtid = document.getElementById("district");
      var option=new Option(value,value);
         try{
           districtid.add(option);
         }
        catch(e){
        districtid.appendChild(option);
        });
     });

在上面，我将根据第一个下拉列表中选择的值填充另一个下拉列表，并使用JSON插件作为JSON数据从操作中发送回列表。