在 JSP 中使用 select 上的事件来修改另一个控制器答案

【问题标题】：Use the event onselect in JSP to modifiy another controller在 JSP 中使用 select 上的事件来修改另一个控制器
【发布时间】：2013-11-26 21:03:34
【问题描述】：

我在 JSP 中有 2 个组合框，我想将“列表”中选择的项目添加到“列表 2”。我不知道如何在“更改”函数中做到这一点。

<select name="list" onselect="change(this)">
    <option value="1">1</option>
    <option value="2">2</option>
</select>

<select name="list2">
</select>

<%! public void change(String val) {

} %>

【问题讨论】：

你不能用 Java scriptlet 来做，它不会出现在生成的 HTML 中。
您的 onchange 函数必须是 javascript，因为所有 UI 内容都在客户端上运行。如果您需要在服务器端执行任何操作，则需要使用 AJAX 请求。

标签： java javascript jsp

【解决方案1】：

您可以使用jQuery轻松做到这一点。

这是一个例子：

Display results from select dropdown then clone and add another select

【讨论】：

【解决方案2】：

正如 Shreyos 所说，这在 JQuery 中很容易实现。

例如，将所选选项从 list1 添加到 list2（如果它不存在）的简单 JQuery 实现可能如下所示：

$(function() {
    var $list1 = $('select[name=list]');
    var $list2 = $('select[name=list2]');

    $list1.change(function() {
        var optionSelector = 'option[value=' + $(this).val() + ']';
        if ($list2.find(optionSelector).length == 0) {
            $selectedOption = $(this).find(optionSelector);
            $list2.append($selectedOption.clone());
        }
    });
});

查看它在 JSFiddle 上运行 here

【讨论】：