Javascript：只需在其他選擇框中更改項目？

我正在開發一個註冊頁面，並希望使用JS來動態選擇基於性別的頭像選擇。這裏是我迄今爲止..Javascript：只需在其他選擇框中更改項目？

<select name="gender"> 
     <option value="Male">Male 
     </option> 
     <option value="Female">Female 
     </option> 
    </select>

而且應該基於性別的更新此選項：

<select name="avatar"> 
     <option value="Trainer">Trainer 
     </option> 
    </select> 
    <br /> 
    <img src="images/trainers/male/Trainer.gif" />

我不能環繞示例代碼或概念我的頭，我只需要一個如何將基於性別，女性或男性的2-3個值填入「頭像」選擇框中的示例，以及如何讓「Trainer.gif」的「培訓師」部分變得動態？基於他們選擇的頭像？

來源

2010-02-24 oni-kun

首先去除在選擇框的所有元素：

形式的名字是「myForm的」和選擇框的名稱是「主」

document.myform.master.options.length=0

然後用新的物品重新填充：（使用Options(text, value, defaultSelected, selected)對象）

document.myform.master.options[0]=new Option("Sports", "sportsvalue", true, false) 
document.myform.master.options[1]=new Option("Music", "musicvalue", false, false) 
document.myform.master.options[2]=new Option("Movies", "moviesvalue", false, false)

這是一個簡單的方法，你可以動態地改變選擇框的值。

你需要添加一個if語句來檢查gender選擇框的狀態，然後您可以更新第二個框

來源

2010-02-24 08:08:21

似乎並沒有爲我工作，我用的getElementById一組ID和選擇框返回null，不存在，只是null ..也許我需要進一步看看nto這個。 – 2010-02-24 08:41:05

可能表示您的代碼在某處發生錯誤。 – 2010-02-24 08:57:22

Javascript：只需在其他選擇框中更改項目？

回答

相關問題