给select赋值-获取选中的值

最新推荐文章于 2022-08-31 11:04:35 发布

知秋~

最新推荐文章于 2022-08-31 11:04:35 发布

阅读量1.7k

点赞数

文章标签：给select赋值 select获取选中的值 select

本文链接：https://blog.csdn.net/qq_38881495/article/details/119904761

版权

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>给select赋值</title>
	<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		select{
			margin-top: 100px;
			display: block;
			margin: 0 auto;
			width: 300px;
			height: 50px;
			font-size: 18px;
		}
	</style>
</head>
<body>
	<div style="margin-top:100px;"></div>
	<select id="testSelect">
		<option value ="">请选择</option>
		<option value ="中">中1</option>
		<option value ="国">国1</option>
		<option value ="人">人1</option>
		<option value ="民">民1</option>
		<option value ="解">解1</option>
		<option value ="放">放1</option>
		<option value ="军">军1</option>
	</select>
</body>
<script type="text/javascript">
$("#testSelect").on("change",function(){
    var val = $('#testSelect option:selected').val();//选中的value值
    alert(val)
	var aa = $("#testSelect option:selected").text();  //获取选中的option的文本值
	alert(aa)
});
$("select option[value='解']").attr("selected",true);
</script>
</html>

在这里插入图片描述

知秋~

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
给select赋值-获取选中的值

<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>给select赋值</t
复制链接

扫一扫