javascript - 如何在选择选项上执行全选而不显示在视图中

Question

我有 2 个从我的 jsp 页面生成的列表，在我将页面提交到控制器之前，我使用下面的 2 个包含选择选项的列表的 javascript 函数执行全选。选择/突出显示列表选项时，屏幕会闪烁。

然后控制器使用 javax.servlet.http.HttpServletRequest#getParameterValues 调用读取选定的选项。

是否可以将每个选择选项标记为已选择而不将它们显示为已选择到 UI？

function selectAll(elementId) {
    var element = document.getElementById(elementId);
    len = element.length;
    if (len != 0) {
        for (i = 0; i < len; i++) {
            element.options[i].selected = true;
        }
    }
}

Answer 1

@Brendan Crowley您需要做一些css技巧，例如设置高亮，文本颜色正常。如下图，

<style type="text/css">
   option {
     background: #ffffff;
     color: #000000;
     highlight: #C6C4BD;
   }
</style>

根据您的表单选择颜色。如果您使用的是 jquery，您可以像这样动态地进行操作

$(selector).css({"background":"#ffffff","color":"#000000","highlight":"#C6C4BD"});

希望这对您有所帮助。