Java 重复->;在play框架中选择tag

Java 重复->;在play框架中选择tag,java,javascript,jquery,twitter-bootstrap-3,playframework-2.0,Java,Javascript,Jquery,Twitter Bootstrap 3,Playframework 2.0,这是我为填充其他类的选项列表而编写的代码 @select( studentForm("friends[0].id"), options(Teacher.options), '_label -> "Teacher", '_default -> "-- Choose a Teacher --", '_showConstraints -> false ) 有了这段代码,我可以将选定的教师保存在数据库中。 但是我想在它旁边有一个按钮,这样这个

这是我为填充其他类的选项列表而编写的代码

@select(
    studentForm("friends[0].id"),
    options(Teacher.options),

    '_label -> "Teacher", '_default -> "-- Choose a Teacher --",
    '_showConstraints -> false
    )
有了这段代码,我可以将选定的教师保存在数据库中。
但是我想在它旁边有一个按钮,这样这个下拉列表可以再次添加/重复到表单中。

您应该使用Javascript,如上所述。 理想情况下,也可以使用Jquery

其思想是:获取最后一个select组件,增加其索引名,然后将其添加到表单中

例:

当然你必须让它看起来更好,lmfao,但这只是一个开始


希望对您有所帮助。

使用javascript部分解决此问题。单击(function(),但无法保存在数据库的相应字段中。
window.copyLastOne = function() {

    //Get a clone of the last select element
    var $lastSelectClone = $("#yourform").find("select:last").clone();

    //Change it's name so list is rightly filled
    $lastSelectClone.attr('name', function(i, id) {
        return id.replace(/\[(\d+)\]/, function(match, number) {
            return "[" + (+number + 1) + "]";
        })
    });

    $("#yourform").append($lastSelectClone);




}