js html标签select 中option 删除除了第一行外的其他行

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

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

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

 

转载于:https://www.cnblogs.com/yulongzhou/p/10674607.html