jquery - 使用 jQuery、ajax、struts2 根据第一个下拉列表选择填充第二个下拉列表

Question

编辑有没有其他方法可以根据第一个下拉选择 jquery ajax 填充第二个下拉列表。如果有人有链接，请发布任何链接。

<小时/>

我已根据第一个下拉列表选择更新了第二个下拉列表。我正在使用 jQuery 和 Struts2。我想使用 jQuery ajax 更新第二个下拉列表。有人可以帮我代码吗？我尝试使用下面的方法，但不知何故我无法将参数传递给 Action 类。预先感谢您。

http://www.joe-stevens.com/2010/02/23/populate-a-select-dropdown-list-using-jquery-and-ajax/

编辑:根据Climbage说我正在用我拥有的任何代码进行更新。

caseSelect 是第一个下拉列表，termSelect 是第二个，casetermcodes 是操作。 selCaseDropDown 是隐藏变量，我想获取 Action 类中第一个下拉列表的选定值，其中我有该变量的 getter 和 setter 方法。我首先坚持将选定的值发送到操作类。到目前为止我还没有做任何进一步的事情。

    $("#caseSelect").change(
        function(){
        $("#result").html('Retrieving ...');
        var selCase = $("#caseSelect").val();
        $.ajax({
            type: "POST",
            url: "/dwdst/casetermcodes",
            data: {selCaseDropDown: selCase},
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(msg) {
                $("#termSelect").get(0).options.length = 0;
                $("#termSelect").get(0).options[0] = new Option("Term Codes", "-1");   

                $.each(msg.d, function(index, item) {
                    $("#termSelect").get(0).options[$("#termSelect").get(0).options.length] = new Option(item.value, item.key);
                });
            },
            error: function() {
                alert("Failed to load Term Codes");
                $("#result").hide();
            }
        });
    });

Action 类:

public String execute(){
    logger.info("selected value >>"+selCaseDropDown);
    return SUCCESS;
}

public String getSelCaseDropDown(){
    return selCaseDropDown;
}

public void setSelCaseDropDown(String selCaseDropDown){
    this.selCaseDropDown = selCaseDropDown;
}

Answer 1

我通过创建另一个简短的 JSP 解决了这个问题，该 JSP 仅作为 html 代码下拉(第二个下拉)，并且在我的操作结果中将是这个短页面。

当第一页选择调用操作时，使用下面的代码并使用第二个简短的下拉菜单覆盖 jsp 中已显示的下拉菜单。

getSecondSelect 是我正在调用的操作，其结果为该短 jsp。

tercodeResult 是被新下拉列表替换的 div 标签。

selId 是从第一个下拉列表中选择的值。

        $.ajax({
            type: "GET",
            url: "getSecondSelect",
            data:"selId=" + selCase,
            dataType: "text/html;charset=utf-8",
            success: function(msg) {
                $("#tercodeResult").html(msg);
            }
        });