关于select下拉框的数据回显

  • Post author:
  • Post category:其他


在这里插入图片描述

<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>



版权声明:本文为Kiruthika原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。