Question

这是我的代码，我的问题将随之而来。

<tr>
    <td><h5>Race:</h5></td>
    <td class="top" colspan="2"><select name="race">
         <option value="empty_r">*Choose</option>
         <option value="Humans">Humans</option>
         <option value="Orcs">Orcs</option>
    </select><?php if (!empty($errors[7])) echo "$errors[7]"; ?>
    </td>
</tr>
<tr>
    <td><h5>Faction:</h5></td>
    <td class="top" colspan="2"><select name="faction">
        <option value="empty_f">*Choose</option>
         <option value="Human_Faction1">Human Faction 1</option>
         <option value="Orc_Faction1">Orc Faction 1</option>
    </select><?php if (!empty($errors[8])) echo "$errors[8]"; ?>
    </td>
</tr>

我想这样做，以便当我选择人类作为我的种族时，只有人类派系1将显示在派系选择字段中。如果我选择兽人作为我的种族，只有兽人派1将作为选项显示。我尝试使用PHP但没有运气这样做。在即将到来的学期之前，我不会学习任何javascript！

Answer 1

<script>
function human_faction()
{
document.getElementById("show").innerHTML="   <option  value='empty_f'>*Choose</option> <option value='Human_Faction1'>Human Faction 1</option>";
}
function orcs_faction()
{
document.getElementById("show").innerHTML="   <option  value='empty_f'>*Choose</option> <option value='Orc_Faction1'>Orc Faction 1</option>";
}
</script>

<tr>
<td><h5>Race:</h5></td>
<td class="top" colspan="2"><select name="race">
<option value="empty_r">*Choose</option>
<option value="Humans" onclick="human_faction()">Humans</option>
<option value="Orcs" onclick="orcs_faction()">Orcs</option>
</select>
</td>
</tr>
<tr>
<td><h5>Faction:</h5></td>
<td class="top" colspan="2"><select id="show" name="faction">
<option  value="empty_f">*Choose</option>
</select>
</td>
</tr>

如何通过更改另一个字段中的选项值来更改一个字段中的选项值

1 个答案: