使用javascript顯示相關下拉菜單

Question

我有3個下拉框，其中包含年齡，運動和人際關系的值，當我們打開網頁時會加載其中的所有元素。

年齡= [0-10、10-20、20-30、30-40]

體育= [足球，網球，高爾夫，國際象棋]

關系= [兒子，兄弟，父親，朋友]

現在，所有這三個元素都與映射相互關聯。 例如，年齡在20-30歲的某人可以是兒子，兄弟或朋友； 並可以踢足球，網球或下棋。

我希望這些下拉列表是動態的，即，在選擇任何下拉列表的任何值時，其他兩個下拉列表中都會顯示相關選項。 我認為這不應該是ajax調用，因為所有字段都已加載到客戶端上。

誰能告訴我如何使用javascript（或任何其他方式）在HTML中完成此操作？ 任何幫助都會很棒。 謝謝。

Answer 1

您需要在此代碼中推送Java腳本。 您使用哪種格式。 我將用代碼發送您問題的答案