我有一个相对简单的需求。我有一个html表单，其中包含我使用JS构建的动态下拉列表。更改第一个select后，会出现第二个（从属）select。例如，第一个select包括福特，丰田和本田的选项。如果用户选择“福特”，则出现另一个下拉菜单，并允许用户选择福特制造的型号（即F150，Ranger，Fusion等......）。我使用隐藏的<span>元素来显示/隐藏依赖的下拉列表，但所有次要下拉列表的select name都是相同的。
问题在于，当我提交表单时，我会通过$_GET方法获取所有三个“make”变量。为清晰起见，我列举了一个例子：
<span class="Ford">
<select name="make">
<option>F150</option>
<option>Ranger</option>
<option>Fusion</option>
</select>
</span>
<span class="Toyota">
<select name="make">
<option>Prius</option>
<option>Tacoma</option>
</select>
</span>
<span class="Honda">
<select name="make">
<option>Civic</option>
<option>Accord</option>
</select>
</span>
JS函数只是在适当的时候显示/隐藏各种spans ...我想要做的就是传递当前在页面上显示的范围中的变量。任何想法都会很棒！