HTML 选择使用 JavaScript 不起作用

debugcn 发表于 Dev

克里普纳特·阿迪亚

请检查switch语句

只有默认选项有效。

case x="Fin"并且case x="Intercom"不工作。不知道为什么。谢谢！

代码：

    <p>Niche</p>
        <select name="niche" id="niche" onchange="FCM_niche()">
            <option value="empty" selected="">Select Niche</option>
            <option value="fin">FIN</option>
            <option value="intercom">Intercom</option>
        </select>

    <script type="text/javascript">
                function FCM_niche() {
                    var x = document.getElementById("niche").value;
                   switch (true) {
                        case x="FIN":
                           document.getElementById("FCM_select_niche").innerHTML = "FFFF";
                           break;
                        case x="Intercom":
                           document.getElementById("FCM_select_niche").innerHTML = "IIII";
                           break;
                        default:
                           document.getElementById("FCM_select_niche").innerHTML = "DDDD";
                      }
                };
            </script>
<div id="FCM_select_niche">        
</div>

jspru

请看一下这个 JS 小提琴，显示您的代码的工作版本：https : //jsfiddle.net/jspruance/ebjnqt2r/

只需对您的 JS 进行一些小的调整，您就应该可以正常运行了。

1）基于'x'变量的switch语句：'switch(x)'

2) 根据所选值（而不是显示的文本）确定每种情况：例如：case "fin"

function FCM_niche() {
    var x = document.getElementById("niche").value;

    switch(x) {
        case "fin":
            document.getElementById("FCM_select_niche").innerHTML = "FFFF";
            break;
        case "intercom":
            document.getElementById("FCM_select_niche").innerHTML = "IIII";
            break;
        default:
            document.getElementById("FCM_select_niche").innerHTML =       "DDDD";
    }
};

这应该可以解决问题……祝你好运。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。