Question

我有一个非常简单的脚本，用于根据从另一个菜单中选择下拉项来更改下拉列表项。它在firefox和IE中运行良好，但它在chrome中没有做任何事情，这是一个问题。 Chrome确实正在加载我的javascript.js文件，但是这些函数没有正确执行，所以它让我相信它们是调用函数的html中的某个错误。看看吧！

这是我的javascript函数

function default_h1() {
    document.getElementById("showh1").innerHTML="<h1>Register to Play!</h1>";
}
function join_humans() {
    document.getElementById("showh1").innerHTML="<h1 id='bluefont'>Join the Humans!</h1>";
}
function join_orcs() {
    document.getElementById("showh1").innerHTML="<h1 id='redfont'>Join the Orcs!</h1>";
}
function human_factions() {
    document.getElementById("show").innerHTML="<option value='Human Faction'>Human Faction</option>";
}
function orc_factions() {
    document.getElementById("show").innerHTML="<option value='Orc Faction'>Orc Faction</option>";
}
function choose_faction() {
    document.getElementById("show").innerHTML="<option value='empty_f'>*Choose</option>";
}

这是使用这些功能的HTML。

<tr>
            <td><h5>Race:</h5></td>
            <td class="top" colspan="2"><select name="race">
                <option value="empty_r" onClick="choose_faction();default_h1();">*Choose</option>
                <option value="Humans" onClick="human_factions();join_humans();">Humans</option>
                <option value="Orcs" onClick="orc_factions();join_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 id="show" name="faction">
                    <option value="empty_f">*Choose</option>
                </select><?php if (!empty($errors[8])) echo "$errors[8]"; ?>
            </td>
        </tr>

没关系我刚刚写的关于加载javascript文件的错误消息的内容。我忘了我昨晚把脚本搜索放在我的页脚文件中，看看是否会使它工作，该搜索的路径不正确。页面仍然正确加载头文件中的javascript.js文件。

Javascript没有在chrome中正确加载选项值

0 个答案: