Question

我在一个表单中有两个下拉框。如何在第二个下拉框中使用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>

Answer 1

尝试

function getValue() {
   alert(document.getElementById('abc1').value);
   alert(document.getElementById('abc2').value);
}

Answer 2

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

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

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

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

Answer 3

1-您应该尝试学习Javascript或Jquery来完成这些任务。

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

这些问题无论如何都有答案：

Get selected value in dropdown list using JavaScript?

Get drop down value

Answer 4

让我们在你的html脚本下写一下

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

检索两个下拉框的值而不提交表单

4 个答案: