如何在不使用Ctrl键的情况下在IE11中使用jQuery或js获得多个选定选项

在不使用Ctrl键的情况下，在IE11中使用jQuery或原生JavaScript获取多个选定选项，可以通过以下方法实现：

基础概念

多选框（Multiple Select Box）：允许用户选择多个选项的下拉列表。
jQuery：一个快速、小巧且功能丰富的JavaScript库，简化HTML文档遍历、事件处理、动画和Ajax交互。
原生JavaScript：浏览器内置的脚本语言，用于创建动态网页和应用程序。

类型与应用场景

多选框：适用于需要用户从多个选项中选择一个或多个的场景，如表单填写、权限设置等。
jQuery：适用于快速开发和原型制作，特别是在需要兼容旧版浏览器的项目中。
原生JavaScript：适用于性能要求较高或需要精细控制的场景。

示例代码

使用jQuery获取多个选定选项

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Multiple Select Example</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <select id="multiSelect" multiple>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
    </select>
    <button id="getSelected">Get Selected Options</button>

    <script>
        $(document).ready(function() {
            $('#getSelected').click(function() {
                var selectedOptions = $('#multiSelect option:selected');
                var selectedValues = [];
                selectedOptions.each(function() {
                    selectedValues.push($(this).val());
                });
                console.log(selectedValues);
            });
        });
    </script>
</body>
</html>

使用原生JavaScript获取多个选定选项

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Multiple Select Example</title>
</head>
<body>
    <select id="multiSelect" multiple>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
    </select>
    <button id="getSelected">Get Selected Options</button>

    <script>
        document.getElementById('getSelected').addEventListener('click', function() {
            var selectElement = document.getElementById('multiSelect');
            var selectedOptions = Array.from(selectElement.selectedOptions);
            var selectedValues = selectedOptions.map(function(option) {
                return option.value;
            });
            console.log(selectedValues);
        });
    </script>
</body>
</html>