首页 > 技术文章 > js html标签select 中option 删除除了第一行外的其他行

yulongzhou 2019-04-09 01:50 原文

背景:共两个下拉框,第一个下拉框选择完之后,以第一个选定的值为条件返回第二个下拉框中的内容,用js中的createElement()创建,并利用appendChild()来添加进父标签。出现意外:每次选定第一个下拉框选项后,总会在第二个下拉框中重复添加内容(子标签),导致选项一直重复。

解决:每次选定第一个下拉框选项,此时触发js函数,在添加子标签之前先清楚所有子标签,再添加,但第一个子标签<option>标签,需要保留,故清除出第一个<option>外所有<option>,操作如下:

$('#select option').not('option:first').remove(); //select为下拉框的id ,option为它的子标签

 

推荐阅读