如何在不使用jQuery按下ctrl buuton iam的情况下选择多个项目

Question

 $('.multiple_select option').mousedown(function (e) { //no ctrl to select multiple
        debugger
        e.preventDefault();
        $(this).prop('selected', $(this).prop('selected') ? false : true); //set selected options on click
        $(this).parent().change(); //trigger change event
    });

此代码在不按ctrl的情况下无法在多选下拉列表中起作用，任何人，请帮助

Answer 1

尝试：

<select multiple="multiple">
    <option>Opt 1</option>
    <option>Opt 2</option>
    <option>Opt 3</option>
    <option>Opt 4</option>
    <option>Opt 5</option>
    <option>Opt 6</option>
    <option>Opt 7</option>
    <option>Opt 8</option>
    <option>Opt 9</option>
    <option>Opt 10</option>
    <option>Opt 11</option>
    <option>Opt 11</option>
    <option>Opt 12</option>
    <option>Opt 13</option>
    <option>Opt 14</option>
    <option>Opt 15</option>
</select>

和javascript：

$('option').mousedown(function(e) {
    e.preventDefault();
    var originalScrollTop = $(this).parent().scrollTop();
    console.log(originalScrollTop);
    $(this).prop('selected', $(this).prop('selected') ? false : true);
    var self = this;
    $(this).parent().focus();
    setTimeout(function() {
        $(self).parent().scrollTop(originalScrollTop);
    }, 0);

    return false;
});