ajax读取的select选中项，让页面中select对应的option成为选中项

最新推荐文章于 2021-08-05 12:57:20 发布

dongsdh

最新推荐文章于 2021-08-05 12:57:20 发布

阅读量3.3k

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/dongsdh/article/details/80100792

版权

javascript 专栏收录该内容

34 篇文章 1 订阅

订阅专栏

前言：这是ajax调数据的部分代码

	<p><span>连接方式</span>
		<select name="" class="jsaccess">
			<option value="Native2">Native2</option>
			<option value="Native">Native</option>
		</select>
	</p>

操作data.data[0]的ajax调数据接口的返回值，测试时可以写成$(".jsaccess").val("Native");

$(".jsaccess").val(data.data[0].access);

	setTimeout(function() {
		$(".jsaccess").val(data.data[0].access)
		$(".jstype").val(data.data[0].type)
	}, 500)

我的实际项目中，html代码是动态生成，所以加了定时器防止html代码还没生成时就操作

20180801追加

当select选项改变时获取当前项的value值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<select name="aa">
			<option value="1">选项1</option>
			<option value="2">选项2</option>
		</select>
		<script src="jquery.min.js"></script>
		<script>
			$("select[name='aa']").change(function(){
				console.log($(this).val())
			});
			
		</script>
	</body>
</html>

dongsdh

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
ajax读取的select选中项，让页面中select对应的option成为选中项

前言：这是ajax调数据的部分代码 &lt;p&gt;&lt;span&gt;连接方式&lt;/span&gt; &lt;select name="" class="jsaccess"&gt; &lt;option value="Native2"&gt;Native2&lt;/option&gt; &lt;option va
复制链接

扫一扫

专栏目录