Question

Name: <input type="text" name="check">
Car:  <select name="cars" multiple>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="opel">Opel</option>
        <option value="audi">Audi</option>
      </select>

当我按 CTRL + A 时，应在多个选择框中选择所有选择框值。

当我按 CTRL + A 时，它将选择所有文本。

它在谷歌浏览器中运行，但它不适用于FireFox或IE9，IE10。

如何将此选项添加到多个选择框？

Answer 1

为每个元素赋予自己的div。你甚至不必使用CSS来调整div的大小，只需在每个div周围抛出一个div。它将突出每个;就像你要按 CTRL + A 。

Answer 2

这篇文章有几年了，但是可能仍然有人怀疑。所以这是解决方案：

window.onkeydown = function(e) {
    /* If press Ctrl + "A" */
    if (e.ctrlKey && e.keyCode == 65) {
       /* Get all (<SELECT multiple>) elements on the page. */
       document.querySelectorAll("select[multiple]").forEach(function(select) {
           /* If the keys are pressed on the element... */
            if (e.target === select) {
                /* The e.preventDefault prevents all page text from being selected. */
                e.preventDefault();
                /* Now we get all the OPTIONS elements and set them as selected. */
                select.querySelectorAll('option').forEach(function(option) {
                    option.selected = true;
                });
            }
        })
    }
}

多个选择框ctrl + A无法在Firefox中运行

2 个答案: