javascript可以在JSFIDLE上工作，但不能在实时服务器上工作_Javascript_Html_Jsfiddle

javascript可以在JSFIDLE上工作，但不能在实时服务器上工作

javascript html

javascript可以在JSFIDLE上工作，但不能在实时服务器上工作,javascript,html,jsfiddle,Javascript,Html,Jsfiddle,我正在尝试将Word文档表单转换为在线表单，以便我们能够保证结果，并方便用户。当我在JSFIDLE上测试javascript时，它工作得很好，但是当我将它上传到服务器并访问它时，它就不工作了以下是JSFIDLE：下面是页面背后的代码： <!doctype html> <html> <head> <title>BUILDER Building Add Request (DHA)</title>

我正在尝试将Word文档表单转换为在线表单，以便我们能够保证结果，并方便用户。当我在JSFIDLE上测试javascript时，它工作得很好，但是当我将它上传到服务器并访问它时，它就不工作了

以下是JSFIDLE：

下面是页面背后的代码：

<!doctype html>
<html>
    <head>
        <title>BUILDER Building Add Request (DHA)</title>

        <!-- JavaScript -->
        <style>
        function Org1Pick() {
            var Org1 = document.getElementById("OrgDHA").value;
            document.getElementById("OrgDHA2").style.visibility = "visible";
            document.getElementById("OrgChoice").innerHTML = Org1+" selected";
            switch (Org1) {
                case "AFMS":
                    alert(Org1);
                    document.getElementById("OrgDHA2").list = "ORG-DHA-AFMS";
                    document.getElementById("OrgDHA2").placeholder = "DHA-AFMS";
                    break;
                case "BUMED":
                    alert(Org1);
                    document.getElementById("OrgDHA2").list = "ORG-DHA-BUMED";
                    document.getElementById("OrgDHA2").placeholder = "DHA-BUMED";
                    break;
                case "MEDCOM":
                    alert(Org1);
                    document.getElementById("OrgDHA2").list = "ORG-DHA-MEDCOM";
                    document.getElementById("OrgDHA2").placeholder = "DHA-MEDCOM";
                    break;
                case "NCR":
                    alert(Org1);
                    document.getElementById("OrgDHA2").list = "ORG-DHA-NCR";
                    document.getElementById("OrgDHA2").placeholder = "DHA-NCR";
                    break;
                default:
                    alert(Org1);
                    document.getElementById("OrgDHA2").style.visibility = "hidden";
                    document.getElementById("OrgAFMS").style.visibility = "hidden";
                    document.getElementById("OrgBUMED").style.visibility = "hidden";
                    document.getElementById("OrgMEDCOM").style.visibility = "hidden";
                    document.getElementById("OrgNCR").style.visibility = "hidden";
            }
        }
        </style>

        <!-- CSS -->
        <style>
            .form_desc {
                text-align: right;
                vertical-align: top;
            }
            .form_input {
                text-align: left;
                vertical-align: top;
                font-style: italic;
            }
        </style>
    </head>

    <body>
        <div>
            <input type="text" list="ORG-DHA" id="OrgDHA" placeholder="Select an Organization" onchange="Org1Pick()" />
            <input type="text" list="ORG-DHA" id="OrgDHA2" placeholder="" onchange="Org2Pick()" style="visibility:hidden" />
            <div id="OrgChoice" >No Organization(s) seleceted.</div>
        </div>

        <!-- ORG datalists -->
        <datalist id="ORG-DHA">
            <option value="AFMS">
            <option value="BUMED">
            <option value="MEDCOM">
            <option value="NCR">
        </datalist>
        <datalist id="ORG-DHA-AFMS">
            <option value="ACC">
            <option value="AETC">
            <option value="AFDW">
            <option value="AFGSC">
            <option value="AFMC">
            <option value="AFSOC">
            <option value="AFSPC">
            <option value="AMC">
            <option value="PACAF">
            <option value="USAFE">
        </datalist>
        <datalist id="ORG-DHA-BUMED">
            <option value="DET JAX">
            <option value="NME">
            <option value="NMW">
        </datalist>
        <datalist id="ORG-DHA-MEDCOM">
            <option value="ERMC">
            <option value="MRMC">
            <option value="NRMC">
            <option value="PRMC">
            <option value="SRMC">
            <option value="USAPHC">
            <option value="WRMC">
        </datalist>
        <datalist id="ORG-DHA-NCR">
            <option value="UHUHS">
            <option value="WRNMMC Bethesda">
        </datalist>

    </body>
</html>


建筑商建筑添加请求（DHA）
函数Org1Pick（）{
var Org1=document.getElementById（“OrgDHA”）.value；
document.getElementById（“OrgDHA2”）.style.visibility=“可见”；
document.getElementById（“OrgChoice”）.innerHTML=Org1+“selected”；
开关（Org1）{
案例“AFMS”：
警报（Org1）；
document.getElementById（“OrgDHA2”）.list=“ORG-DHA-AFMS”；
document.getElementById（“OrgDHA2”）.placeholder=“DHA-AFMS”；
打破
“烧伤”案例：
警报（Org1）；
document.getElementById（“OrgDHA2”）.list=“ORG-DHA-bummed”；
document.getElementById（“OrgDHA2”）.placeholder=“DHA-bummed”；
打破
案例“医疗通讯”：
警报（Org1）；
document.getElementById（“OrgDHA2”）.list=“ORG-DHA-MEDCOM”；
document.getElementById（“OrgDHA2”）.placeholder=“DHA-MEDCOM”；
打破
案例“NCR”：
警报（Org1）；
document.getElementById（“OrgDHA2”）.list=“ORG-DHA-NCR”；
document.getElementById（“OrgDHA2”）.placeholder=“DHA-NCR”；
打破
违约：
警报（Org1）；
document.getElementById（“Orgdh2”）.style.visibility=“hidden”；
document.getElementById（“OrgAFMS”）.style.visibility=“hidden”；
document.getElementById（“OrgBUMED”）.style.visibility=“hidden”；
document.getElementById（“OrgMEDCOM”）.style.visibility=“hidden”；
document.getElementById（“OrgNCR”）.style.visibility=“hidden”；
}
}
.form_desc{
文本对齐：右对齐；
垂直对齐：顶部；
}
.表格输入{
文本对齐：左对齐；
垂直对齐：顶部；
字体：斜体；
}
未选择任何组织。

我错过了什么？我确信这是一件非常简单的事情，但我只是没有看到它

更新：我所说的“不工作”是指从下拉菜单中选择该选项后，什么也没有发生

您已将脚本放在

元素中，而不是

元素中。

将

标记替换为

标记：

<scipt type="text/javascript">
        function Org1Pick() {
            var Org1 = document.getElementById("OrgDHA").value;
            document.getElementById("OrgDHA2").style.visibility = "visible";
            document.getElementById("OrgChoice").innerHTML = Org1+" selected";
            switch (Org1) {
                case "AFMS":
                    alert(Org1);
                    document.getElementById("OrgDHA2").list = "ORG-DHA-AFMS";
                    document.getElementById("OrgDHA2").placeholder = "DHA-AFMS";
                    break;
                case "BUMED":
                    alert(Org1);
                    document.getElementById("OrgDHA2").list = "ORG-DHA-BUMED";
                    document.getElementById("OrgDHA2").placeholder = "DHA-BUMED";
                    break;
                case "MEDCOM":
                    alert(Org1);
                    document.getElementById("OrgDHA2").list = "ORG-DHA-MEDCOM";
                    document.getElementById("OrgDHA2").placeholder = "DHA-MEDCOM";
                    break;
                case "NCR":
                    alert(Org1);
                    document.getElementById("OrgDHA2").list = "ORG-DHA-NCR";
                    document.getElementById("OrgDHA2").placeholder = "DHA-NCR";
                    break;
                default:
                    alert(Org1);
                    document.getElementById("OrgDHA2").style.visibility = "hidden";
                    document.getElementById("OrgAFMS").style.visibility = "hidden";
                    document.getElementById("OrgBUMED").style.visibility = "hidden";
                    document.getElementById("OrgMEDCOM").style.visibility = "hidden";
                    document.getElementById("OrgNCR").style.visibility = "hidden";
            }
        }
</script>


函数Org1Pick（）{
var Org1=document.getElementById（“OrgDHA”）.value；
document.getElementById（“OrgDHA2”）.style.visibility=“可见”；
document.getElementById（“OrgChoice”）.innerHTML=Org1+“selected”；
开关（Org1）{
案例“AFMS”：
警报（Org1）；
document.getElementById（“OrgDHA2”）.list=“ORG-DHA-AFMS”；
document.getElementById（“OrgDHA2”）.placeholder=“DHA-AFMS”；
打破
“烧伤”案例：
警报（Org1）；
document.getElementById（“OrgDHA2”）.list=“ORG-DHA-bummed”；
document.getElementById（“OrgDHA2”）.placeholder=“DHA-bummed”；
打破
案例“医疗通讯”：
警报（Org1）；
document.getElementById（“OrgDHA2”）.list=“ORG-DHA-MEDCOM”；
document.getElementById（“OrgDHA2”）.placeholder=“DHA-MEDCOM”；
打破
案例“NCR”：
警报（Org1）；
document.getElementById（“OrgDHA2”）.list=“ORG-DHA-NCR”；
document.getElementById（“OrgDHA2”）.placeholder=“DHA-NCR”；
打破
违约：
警报（Org1）；
document.getElementById（“Orgdh2”）.style.visibility=“hidden”；
document.getElementById（“OrgAFMS”）.style.visibility=“hidden”；
document.getElementById（“OrgBUMED”）.style.visibility=“hidden”；
document.getElementById（“OrgMEDCOM”）.style.visibility=“hidden”；
document.getElementById（“OrgNCR”）.style.visibility=“hidden”；
}
}

它怎么不起作用？你有错误吗？日志上写着什么？是否有些事情根本就没有发生？在我们帮助您之前，您需要定义

不起作用。是否抛出错误？输出是否不正确？您希望发生什么？样式
用于css，而不是JavaScripting！叮！叮！我们赢了！我知道我只是忽略了一些简单的事情。我没有足够的可信度/声誉来支持你的答案，但就是这样。谢谢。我知道我忽略了一些简单的事情。