根據菜單中的用戶選擇顯示不同的對象

Question

我有HTML代碼，其中下拉菜單有幾個值，包括「自定義」。我希望在下拉菜單下有不同的html內容，具體取決於用戶的選擇。如果用戶選擇「自定義」值，那麼我需要再顯示一個下拉菜單和兩個編輯框，如果在其他情況下，我只需要顯示一個編輯框。

據我所知，我需要使用onchange()事件和JavaScript代碼。是對的嗎？ 你能請指教嗎？

謝謝。

Answer 1

看起來你剛剛開始使用它。是的，你可能最終會爲此使用JavaScript。您需要了解JavaScript是用來

1. 在頁面上修改DOM（即HTML）動態
2. 檢測對DOM的不同元素（例如，一個div或window）發生的事件。

等等。

change事件只是一個事件。根據需要，您可能想要使用更改，但您可能想要在用戶將指針懸停在Custom上時顯示子菜單。

請注意，您可能會使用庫來顯示具有子菜單的菜單。

如果你想推出自己的，你應該嘗試以下操作：

1. 顯示一個div，看起來像一個彈出窗口，當用戶點擊一個按鈕或屏幕上的某些區域。
2. 使用菜單選項填充彈出菜單
3. 當用戶鼠標懸停或單擊「自定義」選項時檢測。
4. 顯示子菜單。