忽略表单中的隐藏跨度[重复]

Question

我有一个相对简单的需求。我有一个 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...我要做的就是在页面上当前显示的范围内传递变量。任何想法都会很棒！

Answer 1

您可以为每个隐藏字段添加disabled="disabled" 属性，这样您就可以防止它们被发送到服务器。

想法取自以下Answer