gpt4 book ai didi

javascript - 使用 JS 连接 DropDown 中的值时出错

转载 作者:行者123 更新时间:2023-12-02 21:08:05 24 4
gpt4 key购买 nike

我已经编写了 HTML 和 JS,用于连接下拉列表中的值。但我无法从中得到结果。

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Get Selected Option Value</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function(){
$(".country",'.state').on('change',function(){
var selectedCountry = $(".country").find("option:selected").val();
var selectedState = $(".state").find("option:selected").val();
document.getElementById('demo').innerHTML= selectedCountry + " " + selectedState;
});
});
</script>
</head>
<body>
<form>
<label>Select Country:</label>
<select class="country">
<option value="usa">United States</option>
<option value="india">India</option>
<option value="uk">United Kingdom</option>
</select>
<select class="state">
<option value="Washington">Washington</option>
<option value='New Delhi'>New Delhi</option>
<option value='London'>London</option>
</select>
</form>
<p id="demo"></p>
</body>
</html>

最佳答案

Eventhandler的Selector不正确,可以通过$(selectboxSelector).val()轻松获取选择框的值。

$(document).ready(function(){
$('.country, .state').on('change',function(){
var selectedCountry = $(".country").val();
var selectedState = $(".state").val();
$('#demo').html( selectedCountry + " " + selectedState );
});
});

关于javascript - 使用 JS 连接 DropDown 中的值时出错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61172922/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com