如何隱藏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並連接到單選按鈕的change事件。

在您的javascript中，您可以將任何表單元素的可見性設置為隱藏或可見（取決於您想要的）。

您仍然需要在服務器端進行驗證/檢查，以避免進行此類搜索（因為javascript可能已關閉或惡意用戶可能會覆蓋您的客戶端驗證）。

Answer 2

我認為鏈式選擇菜單可以解決您的問題。