关于select下拉框的数据回显

最新推荐文章于 2024-04-21 02:04:10 发布

贝塔贝卡贝

最新推荐文章于 2024-04-21 02:04:10 发布

阅读量4.4k

点赞数 3

文章标签： jquery

本文链接：https://blog.csdn.net/Kiruthika/article/details/109321571

版权

在这里插入图片描述

<ul>
	<li class="arithCon">
		<label for="arithType">类型：</label>
		<select name="" id="arithType">
			<option value="">请选择</option>
			<option value="0">水果</option>
			<option value="1">蔬菜</option>
		</select>
		<button id="backData">数据回显</button>
	</li>
</ul>

<script src="./libs/jquery/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	// 数据回显
	// 假设从后台请求回来被选中的下拉框数据type为1
	var type = 1;
	$("#backData").click(function(){
		$.each($("#arithType option"),function(index,item){
			if($(item).val() == type){
				$(item).prop("selected",true)
			}
		})
	})
</script>