如何使用 JavaScript 在下拉列表中选择多个选项?
在本教程中，我们将学习如何使用 JavaScript 在下拉列表中选择多个选项。基本上，我们将制作两个按钮，一个是下拉按钮，我们在其中提供多个选项，另一个是连接到 multiFunc() 函数的普通按钮，带有下拉按钮的 id，当我们单击此按钮时，我们可以在下拉按钮中选择多个选项。
在本教程中，我们使用 JavaScript 的两个属性，一个是 DOM 属性，即 document.getElementById ，另一个是用于一次选择多个选项的多个属性。
语法
现在让我们来看看使用 JavaScript 在下拉列表中选择多个选项的语法 -
function multipleFunc() {
document.getElementById("mySelect").multiple = true;
}
在上述语法中，我们得到了函数名"multipleFunc"。顾名思义，该函数允许我们一次选择多个选项。在此函数中，我们使用具有多个属性的下拉按钮的 id 来使用 DOM，并将其赋值为 true。并且这个"multipleFunc"连接到一个普通按钮，所以当我们点击这个按钮时，激活"multipleFunc"函数，在下拉按钮中选择多个选项。
算法
我们已经看到了上面的使用 JavaScript 在下拉列表中选择多个选项的语法，现在我们将逐步看到完整的方法 -
步骤 1 - 首先，我们创建一个表单，在该表单中使用具有自己 id 的 HTML select 标记创建一个下拉按钮，在 select 标记中，我们必须在 HTML 代码主体中创建多个选项。
步骤 2 - 在下拉按钮后的表单中，我们使用带有 type、onclick 和 value 属性的 input 标记创建另一个按钮，这些属性连接到"multiFunc"函数使用 onclick 属性允许我们在下拉按钮中一次选择多个选项。
步骤 3 - 在 onclick 属性中的按钮中，我们必须传递 multipleFunc ，它将在我们单击此按钮时调用此函数。
步骤 4 - 在脚本标记中，我们必须定义一个 multiFunc ，其中我们必须使用 javascript 的 DOM 属性，即 document.getElementById，其中我们必须传递下拉按钮的 id。
步骤 5 - 然后在此过程中，我们使用 JavaScript 的多个属性并将其分配为 true，这有助于用户一次选择多个选项时间。
我们已经了解了使用 JavaScript 在下拉列表中选择多个选项的语法和算法，现在让我们举一个例子来实现上面讨论的步骤。
示例
在此示例中，我们将采用一个表单，该表单带有一个下拉按钮和一个连接到 multipleFunc 的普通按钮，然后借助 JavaScript 属性，我们能够在下拉列表中选择多个选项。
<!DOCTYPE html> <html> <body> <form id="myForm"> <select id="mySelect"> <option>One</option> <option>Two</option> <option>Three</option> </select> <input type="button" onclick="multipleFunc()" value="Select multiple options"> </form> <p>Press CTRL and click the above button to select multiple options at once.</p> <script> function multipleFunc() { document.getElementById("mySelect").multiple = true; } </script> </body> </html>
在上面的代码中，我们首先创建一个表单，并在其中创建两个按钮。第一个是使用 HTML select 标记的下拉按钮，该标记具有自己的 id；第二个是使用 input 标记的普通按钮，我们在其中传递 type、onclick 和 value。当我们单击第二个按钮时，它被称为函数"multiFunc"，它由 onclick 函数连接。 multiFunc 的创建是为了允许用户一次选择多个选项，因此在此函数中，我们使用 DOM 属性 document.getElementById 和下拉按钮的 id，并将"multiple"属性设置为值"true"。
您可以看到输出图像，在第一个图像选项下拉按钮和普通按钮中，但我们无法在下拉按钮中一次选择多个选项，然后我们单击选择多个选项按钮，我们可以在下拉按钮中选择多个选项，如您在第二张图片中看到的那样。
结论
在本教程中，我们学习了使用 javascript 在下拉列表中选择多个选项。此外，我们学习了如何使用通过 onclick 属性连接到'multipleFunc'函数的输入来创建带有下拉按钮和普通按钮的表单，在该函数中，我们使用 javascript"document.getElementById"的 dom 属性和 javascript 的多个属性，这些属性允许我们一次选择多个选项。
