Jquery 获取选中的Select的Text文本值和Value值

最新推荐文章于 2025-03-21 10:00:00 发布

Q_Q 忙里偷闲

最新推荐文章于 2025-03-21 10:00:00 发布

阅读量7k

点赞数 1

分类专栏： # jquery 文章标签： jquery Select获取选中值 select

本文链接：https://blog.csdn.net/qq_36410795/article/details/78881301

版权

jquery 专栏收录该内容

14 篇文章

订阅专栏

`1. 效果`

在这里插入图片描述

`2. 直接复制代码运行`

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Jquery 获取选中</title>
</head>
<script src="Jquery/jquery-3.0.0.js"></script>
<body>
<select id="select">
    <option value="北京1">北京</option>
    <option value="上海1">上海</option>
    <option value="广州1">广州</option>
    <option value="深圳1">深圳</option>
</select>
<script type="text/javascript">
	$(function () {
	    $('#select').on('change',function () {
	        console.log("文本值："+ $("#select").find("option:selected").text());
	        console.log("Value值："+ $("#select").find("option:selected").val());
	    })
	})
</script>
</body>
</html>