jquery实时监听选择框select内容变化

最新推荐文章于 2024-08-26 18:09:23 发布

会加速的蜗牛

最新推荐文章于 2024-08-26 18:09:23 发布

阅读量4.2w

点赞数 9

分类专栏：前端 javaScript jquey 文章标签： jquery 选择框 select 改变监听

本文链接：https://blog.csdn.net/qq_23244029/article/details/93904076

版权

前端同时被 3 个专栏收录

9 篇文章 0 订阅

订阅专栏

javaScript

8 篇文章 0 订阅

订阅专栏

jquey

4 篇文章 0 订阅

订阅专栏

作为前端小白，继续记录自己的成长点滴...

先上效果图吧，虽然丑了点

先上代码:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>用户中心</title>
	<style>
		
	</style>
	<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

</head>
<body>
	<div id="cont">
		<select>
			<option value="目的地">目的地</option>
			<option value="温州">温州</option>
			<option value="永嘉">永嘉</option>
		</select>
	</div>
	

	<script>

		$(() => {
			$('#cont select').change(() => {
				// console.log('change');
				// console.log($('#cont select option:selected').text());
				console.log($('#cont select').val());
			});
		});

	</script>
</body>
</html>

下面是关键代码：