javascript - 在提交表单之前选择多重选择中的所有选项

Question

我创建了一个带有两个 html 多重选择的小部件 - “可用”和“选定”。用户从“可用”中选择项目，它们显示在“选定”中，非常简单的东西。我只对“选定”值感兴趣(另一个值根本没有名称属性)，但要让它发送必须选择的所有值。

我尝试在 jQuery“提交”事件中选择它们，但由于某种原因它不起作用。我可以看到它们在发送表单之前都已被视觉选择，但数据本身并未发送。

        var form = this.$selectedSelect[0].form;
        $(form).on('submit', function(e) {
            this.$selectedSelect.find("option").prop("selected", true);
        }.bind(this));

我想避免为每个“选定”条目创建隐藏字段。

Answer 1

您应该阻止原始提交过程，并在选择所有项目后调用新的提交过程，如下所示:

var form = this.$selectedSelect[0].form;
    $(form).submit(function(e) {
        e.preventDefault();
        this.$selectedSelect.find("option").prop("selected", true);
        this.submit();
    });

更新:

您甚至不需要阻止默认行为，以下简单的解决方案已经足够了:

 var form = this.$selectedSelect[0].form;
 $(form).submit(function(e) {
    this.$selectedSelect.find("option").prop("selected", true);
 });