Javascript 使用jquery如何自动删除下拉列表中的第一个空白选项（如果它依赖于其他选项）

我有3个下拉列表。第一个具有id q1、第二个q2和第三个q3。当用户从q1中选择选项时，会显示q2的选项，当用户从q2中选择选项时，会显示q3选项。 问题是当用户从q1中选择选项时，如何从q2中删除第一个空白选项，以及当用户从q2中选择选项时，如何删除q3中的第一个选项。 我尝试过这个代码，它从Q2中删除第一个空白选项，但是在我从Q2中选择之后，我需要从Q1中选择删除它，而不是空白选项。

$("#q1 select").change(function(){      
$('#q1 select option').filter(function() {
  return !this.value || $.trim(this.value).length == 0;
})
.remove();

$('#q2 select option').filter(function() {
  return !this.value || $.trim(this.value).length == 0;
})
.remove();

$('#q3 select option').filter(function() {
  return !this.value || $.trim(this.value).length == 0;
})
.remove();
});

 $("#q2 select").change(function(){    
 $('#q2 select option').filter(function() {
  return !this.value || $.trim(this.value).length == 0;
})
.remove();

$('#q3 select option').filter(function() {
  return !this.value || $.trim(this.value).length == 0;
})
.remove();
});

那么这个代码呢：

$function{ $q1.0更改功能{ 如果$q2选项[0]。值== $q2选项[0]。删除； }; $q2.0更改功能{ 如果$q3选项[0]。值== $q3选项[0]。删除； }; }; 选择 1. 2. 3.

选择 4. 5. 6.

选择 7. 8. 9

---

你为什么要投反对票？这不是你需要的吗？