动态修改下拉列表的内容(代码片段)

最新推荐文章于 2024-10-02 15:07:20 发布

原创最新推荐文章于 2024-10-02 15:07:20 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#list #null #function #string

本文介绍了一种在网页中操作下拉列表的方法，包括如何添加新的选项到下拉列表以及如何清除下拉列表的所有选项。通过JavaScript实现了这些功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在下拉列表里添加新的选项
collegeObj.options[0]=new Option('请选择专业','0');
if (clg!=null){ 			
	for (var i = 1;i<=clg.length;i++){ 				
		collegeObj.options[i]=new Option(clg[i-1]['name'],clg[i-1]['id']);
 	}
}
删除下拉列表的所有选项
function clearSelect(list){
 	if (typeof(s) == "string"){
 		list = document.getElementById(list);
 	} 	
	if (list==null) return;
	while (list.options.length > 0)
 	{ 		
		list.options[0] = null;
 	}  
}