Javascript 下拉列表回显（根据值选中某一项）

最新推荐文章于 2025-01-02 13:13:08 发布

原创最新推荐文章于 2025-01-02 13:13:08 发布 · 6k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#Javascript 下拉列表回显

javascript 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态设置HTML下拉框（select元素）默认选中项的方法。通过获取后台传递的值并与下拉框选项进行比对，实现自动选择匹配项的功能。

<script  type="text/javascript"> 
		var brand='${xxx}';//这里后台传到页面的值
		 if(brand!=""){
			 var s = document.getElementById("brand"); //获取select对象
	         var ops = s.options;  
	         for(var i=0;i<ops.length; i++){  
	             var tempValue = ops[i].value; 
	             if(tempValue == brand)
	             {  
		             ops[i].selected = true;  //如果后台的值与下拉列表的某一个value相等，就设置此项为选中项
	                 break;  
	             }  
	         }   
		 }
		</script>