Javascript 在不提交表单的情况下检索两个下拉框的值

我有两个单一形式的下拉框。在不提交表单的情况下，如何使用第二个下拉框上的onchange函数警告两个下拉框的值

<select name="abc1" id="abc1">
 <option value="a">A</option>
 <option value="B">B</option>
 <option value="c">C</option>
</select>

<select name="abc2" id="abc2" onchange="getvalue()">
 <option value="a">d</option>
 <option value="e">E</option>
 <option value="f">F</option>
</select>

A.
B
C
D
E
F

您必须使用jquery绕过表单提交，如下所示：

$('#yourFormId').submit(function(event){
    event.preventDefault();

    alert($('#abc1').val());

    alert($('#abc2').val());
});

试一试

---

1-你应该努力学习或完成这类任务

2-你应该在提出新问题之前进行搜索

不管怎样，这些问题都有答案：

---

让我们在html下编写此脚本

<script>
document.getElementById('abc2').onchange = function () {
  alert( 'First value: ' + document.getElementById('abc1').value + '\n' +
         'Second value: ' + this.value ); 
} 
</script>

document.getElementById（'abc2'）。onchange=function（）{
警报（'First value:'+document.getElementById（'abc1'）.value+'\n'+
“第二个值：”+this.value）；
} 

谢谢，这很有效。我是javascript的新手谢谢你的帮助

<script>
document.getElementById('abc2').onchange = function () {
  alert( 'First value: ' + document.getElementById('abc1').value + '\n' +
         'Second value: ' + this.value ); 
} 
</script>