我有一个比较简单的需求。我有一个 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
...我要做的就是在当前显示在页面上的 span 中传递变量。任何想法都会很棒!