Question

我正在开发一个注册页面，并希望使用JS动态选择基于性别的头像选择。这是我到目前为止所拥有的......

    <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个值到'avatar'选择框中的示例，我该如何制作'Trainer 'Trainer.gif'的一部分变得充满活力？根据他们选择的头像？

Answer 1

首先删除选择框中的所有元素：

表单名称为'myform'，选择框的名称为'master'

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选择框的状态，然后您可以更新第二个框

Javascript：只需更改另一个选择框中的项目？

1 个答案: