jquery - 在 POST 之前从按钮提交的 SelectList 中选择所有选项

Question

我有一个正在审阅的用户下拉列表、一个员工选择列表和一个空的已分配审阅者选择列表。当管理员双击 SelectList 中的员工时，它会附加到正在审核的用户的 Assigned Reviewers SelectList 中。

这是一张视觉图片:

如您所见，我让 jQuery 选择指定审阅者选择列表中的所有选项，但如果您单击其中一个选项，它将取消选择其他选项，并且仅将所选选项附加到表中。我将能够禁用此列表，但我希望用户也能够从该列表中删除。我试过在 bttn 提交上使用这段代码，但它只附加了我选择的代码:

        submit_bttn.click(function () {
        $('.selectionList select option').prop('selected', true);
    });

我什至尝试在双击时添加第二个函数以将选定的属性附加到选项，这有效，但一旦用户点击超出范围就会被删除。

我想做的一件事是将值存储在隐藏的输入字段中，但我觉得这是不必要的，并且需要更多代码才能从列表中删除。

此外，我正在使用 razor View :@Html.ListBox(selectList from viewbag)。

任何帮助都会很棒。

Answer 1

你忘记了'.'在 selectionList 的类名处:

submit_bttn.click(function () {
    $('.selectionList select option').prop('selected', true);
});

• 如果另一个选择有类 selectionList 那么选择器应该是 'select.selectionList option'(没有空格)或者只是 '.selectionList option'

编辑:
根据您的评论，要调试问题， Hook 到表单的提交以取消它并查看是否选择了所有选项:

//assuming you have only one form on the page..
$("form").submit(function(event){event.preventDefault() });