Javascript 如何在单击时获取多个下拉框的选定值？

我有3个下拉列表，范围从0到9。
一旦我在下拉列表中选择了值并单击submit按钮，我需要获得在所有3个下拉列表中选择的值。我该怎么做

<select id="cost1" class="cost-block">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <!-- And so on up to 9 -->
</select>

<select id="cost2" class="cost-block">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <!-- And so on up to 9 -->
</select>

<select id="cost3" class="cost-block">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <!-- And so on up to 9 -->
</select>

试试这个：

0
1.
2.
3.
4.
5.
6.
7.
8.
9
0
1.
2.
3.
4.
5.
6.
7.
8.
9
0
1.
2.
3.
4.
5.
6.
7.
8.
9
点击
document.getElementById（“单击”）.addEventListener（“单击”，函数）（）{
var x=[]；
var select=document.querySelectorAll（'select'）；
select.forEach（函数（el，i）{
x[i]=el.值；
})
控制台日志（x）；
});

试试这个：

0
1.
2.
3.
4.
5.
6.
7.
8.
9
0
1.
2.
3.
4.
5.
6.
7.
8.
9
0
1.
2.
3.
4.
5.
6.
7.
8.
9
点击
document.getElementById（“单击”）.addEventListener（“单击”，函数）（）{
var x=[]；
var select=document.querySelectorAll（'select'）；
select.forEach（函数（el，i）{
x[i]=el.值；
})
控制台日志（x）；
});

您可以使用

document.querySelectorAll（“.cost block”）

要获取所有选择元素，请添加一个

单击

事件侦听器和一个

forEach

以获取每个选择元素的所有选定值。试试这个：

document.getElementById（“btn”）.addEventListener（“单击”，函数（）{
var elems=document.querySelectorAll（“.cost block”）；
要素forEach（功能（el）{
日志（el.options[el.selectedIndex].text）；
})
});

0
1.
2.
3.
4.
5.
6.
7.
8.
9
0
1.
2.
3.
4.
5.
6.
7.
8.
9
0
1.
2.
3.
4.
5.
6.
7.
8.
9
发送
您可以使用
document.queryselectoral（'.cost block'）
要获取所有选择元素，请添加一个
单击
事件侦听器和一个
forEach
以获取每个选择元素的所有选定值。试试这个：


document.getElementById（“btn”）.addEventListener（“单击”，函数（）{
var elems=document.querySelectorAll（“.cost block”）；
要素forEach（功能（el）{
日志（el.options[el.selectedIndex].text）；
})
});

0
1.
2.
3.
4.
5.
6.
7.
8.
9
0
1.
2.
3.
4.
5.
6.
7.
8.
9
0
1.
2.
3.
4.
5.
6.
7.
8.
9
发送
您不能将id作为same@Akshaypadwal我刚刚更新了OPyeah，你的解决方案很好，它可能是你的副本，不能有身份证same@Akshaypadwal我刚刚更新了OPyeah，你的解决方案很好，可能会重复
function calculateBalance() {
    var pluss = document.getElementById("cost1").value;
    alert(pluss);
}