以下是一个使用jQuery的解决方法,用于检查多个下拉框的值:
HT
ML
代码:
<select id="dropdown1">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<select id="dropdown2">
<option value="a">Option A</option>
<option value="b">Option B</option>
<option value="c">Option C</option>
</select>
<button id="checkButton">Check Values</button>
jQuery代码:
$(document).ready(function() {
$('#checkButton').click(function() {
var dropdown1Value = $('#dropdown1').val();
var dropdown2Value = $('#dropdown2').val();
if (dropdown1Value == '1' && dropdown2Value == 'a') {
alert('Both dropdown values are correct!');
} else {
alert('One or both dropdown values are incorrect!');
上面的代码中,我们首先通过$('#dropdown1').val()
和$('#dropdown2').val()
获取了两个下拉框的值,然后使用if条件语句来检查这些值。如果dropdown1Value
的值为'1',并且dropdown2Value
的值为'a',则显示一个消息框提示“Both dropdown values are correct!”,否则显示一个消息框提示“One or both dropdown values are incorrect!”。
最后,我们在按钮的点击事件中调用了这个检查函数。
这只是一个简单的示例,你可以根据你的实际需求修改代码逻辑。