javascript - 此代码工作正常如果 ($(this).val() == "Spine") 但不是 ($(this).val() == "Spine"| |"Brian")

Question

如果 ($(this).val() == "Spine") 但如果 ($(this).val() == "Spine"||"Brian") 然后选择菜单关闭然后在选择 "optionbodyRegion"== "" 时再次打开我做错了什么？

$("#optionbodyRegion").change(function(){

                if ($(this).val() == "Spine"||"Brain") {

                    document.getElementById('optioncontrast').options[0]=new Option("Select", "", false, false)
                    document.getElementById('optioncontrast').options[1]=new Option("With", "With", false, false)
                    document.getElementById('optioncontrast').options[2]=new Option("Without", "Without", false, false)
                    document.getElementById('optioncontrast').options[3]=new Option("With and Without", "With and Without", false, false)


                    $("#contrast").slideDown("fast"); //Slide Down Effect

                } else {
                    if ($(this).val() == "" ) {
                    $("#contrast").slideUp("fast");   //Slide Up Effect

                    }
                }
            });

Answer 1

您在使用逻辑或 || 运算符时语法错误

改变

 if ($(this).val() == "Spine"||"Brain") {

到

if ($(this).val() == "Spine"|| $(this).val() == "Brain") {

正如 Fabrício Matté 建议的那样，您可以将 value 与 javascript 对象一起使用，而不是 jquery 对象的 val() 。它会给您带来性能优势。

if (this.value == "Spine" || this.value == "Brain")