如何隐藏HTML表单的一个字段？

Question

我有一个简单的HTML表单，用于驱动网站搜索我正在创建的网站。

两个字段不应该一起使用，例如汽车的“制造”和“模型”。例如，你不希望有人搜索“福特拉姆卡车”。

如何修改表单，以便在选择其中一个字段中的某个值时，另一个字段会消失？

感谢您的帮助！

<select name="make">
  <option value="item 1">item 1</option>
  <option value="item 2">item 2</option>
</select>

<select name="model">
  <option value="item 1">item 1</option>
  <option value="item 2">item 2</option>
</select>

<input name="" type="submit" />

Answer 1

您需要使用javascript并连接到单选按钮的更改事件。

在您的javascript中，您可以将任何表单元素的可见性设置为隐藏或可见（取决于您想要的）。

您仍然需要在服务器端验证/检查以避免此类搜索（因为javascript可能已关闭或恶意用户可能会覆盖您的客户端验证）。

Answer 2

我认为Chained Select Menu可以解决您的问题。