如何隱藏HTML表單的一個字段？

Question

我有一個簡單的HTML表單，用於驅動我創建的網站的網站搜索。

兩個字段不應該一起使用，例如汽車的「製造」和「模型」。例如，你不希望有人搜索「福特Ram卡車」。

如何修改我的表單，以便如果某個字段中的某個值被選中，另一個字段會消失？

謝謝你的幫助！

<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可以解決你的問題。