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

Question

我有一个正在审核的用户下拉列表,一个员工的SelectList,以及一个空的选定列表的分配审阅者.当管理员双击SelectList中的员工时,它会被附加到被审核用户的Assigned Reviewers SelectList中.

这是一幅视觉图片:

如您所见,我让jQuery选择Assigned Reviewers SelectList中的所有选项,但是如果您单击其中一个选项,它将取消选择其他选项,并仅将所选选项附加到表中.我可以禁用此列表,但我希望用户也能够从此列表中删除.我已尝试在bttn提交中使用此代码,但它只附加了我选择的代码:

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

我甚至尝试在双击时添加第二个函数以将所选属性附加到选项,该选项有效,但是一旦用户单击超出范围,就会将其删除.

我想做的一件事是将值存储在隐藏的输入字段中,但我觉得这是不必要的,并且会有更多代码从List中删除.

另外,我使用的是razor视图:@ Html.ListBox(来自viewbag的selectList).

任何帮助都会很精彩.

Answer 1

你忘记了'.' 在selectionList的className:

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

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

编辑:
按照您的评论,调试问题,挂钩提交表单取消它,看看是否所有选项都被选中:

//假设你在页面上只有一个表单..
$("form").submit(function(event){event.preventDefault()});

Answer 2

经过一些研究,我发现在DOM中设置属性是选择所有选项并将selected属性设置为true而不是选中的正确方法.

在bttn提交中,所有选项都会突出显示!

    submit_bttn.click(function () {
        $('.selectionList option').each(function () {
            $(this).attr('selected', true);
        });
    });