Javascript 将onchange和onclick绑定在一起jQuery不起作用

在选择更改时，我会显示一些div并隐藏其他div，我也会尝试通过单击来处理相同的div。它在选择更改时工作正常，但在单击时不工作。这是我的代码，请尝试选择第二个选项，因为它添加了条件检查

编辑：这也是你的答案

$document.readyfunction{ var option1=$.option1包装器； var option2=$.option2包装器； var option3=$.option3包装器； var option4=$.option4包装器； $'.tier3包装，选项选择'。单击“更改”，函数E{ 如果e.type=='change'| | this.id！=='fund selection'{ $select选项：选中，.header.eachfunction{ 如果$this.attrvalue==选项一{ 选项1.移除类“隐藏”； 选项2.移除类“隐藏”； 选项3.删除类“隐藏”； 选项4.删除类“隐藏”； } 如果$this.attrvalue==选项二&&$'a.header:containsOptions One'{ 选项1.移除类“隐藏”； 选项2.addClass“隐藏”； 选项3.添加类“隐藏”； 选项4.添加类“隐藏”； } 如果$this.attrvalue==选项三{ 选项1.addClass“隐藏”； 选项2.移除类“隐藏”； 选项3.添加类“隐藏”； 选项4.添加类“隐藏”； } 如果$this.attrvalue==选项四{ 选项1.addClass“隐藏”； 选项2.addClass“隐藏”； 选项3.删除类“隐藏”； 选项4.添加类“隐藏”； } 如果$this.attrvalue==选项五{ 选项1.addClass“隐藏”； 选项2.addClass“隐藏”； 选项3.添加类“隐藏”； 选项4.删除类“隐藏”； } }; } }; }; .隐藏{ 显示：无； } 选择一 选择二 选择三 选择四 选择五 选择1 选择2 选择3 选择4

---

我可以给你找零。它保留函数中显示/隐藏的逻辑，但滑动事件

$(document).ready(function () {
            var option1 = $(".option1-wrapper");
            var option2 = $(".option2-wrapper");
            var option3 = $(".option3-wrapper");
            var option4 = $(".option4-wrapper");

            function exec(name) {
             if (name == "Option One") {
                            option1.removeClass('hidden');
                            option2.removeClass('hidden');
                            option3.removeClass('hidden');
                            option4.removeClass('hidden');
                        }
                        if (name == "Option Two" && $('a.header:contains("Option One")')) {
                            option1.removeClass('hidden');
                            option2.addClass('hidden');
                            option3.addClass('hidden');
                            option4.addClass('hidden');
                        }
                        if (name == "Option Three") {
                            option1.addClass('hidden');
                            option2.removeClass('hidden');
                            option3.addClass('hidden');
                            option4.addClass('hidden');
                        }
                        if (name == "Option Four") {
                            option1.addClass('hidden');
                            option2.addClass('hidden');
                            option3.removeClass('hidden');
                            option4.addClass('hidden');
                        }
                        if (name == "Option Five") {
                            option1.addClass('hidden');
                            option2.addClass('hidden');
                            option3.addClass('hidden');
                            option4.removeClass('hidden');
                        }
            }

            $('#option-selection').on('change', function (e) {
                if (e.type === 'change' || this.id !== 'fund-selection') {
                    $("select option:selected, .header").each(function () {
                       exec($(this).attr("value"));
                    });
                }

            });

            $('.tier3-wrapper a').on('click', function (e) {
                       //exec($(this).child('a').text());
                       exec($(this).text().trim());
            });
     });

---

我可以给你找零。它保留函数中显示/隐藏的逻辑，但滑动事件

$(document).ready(function () {
            var option1 = $(".option1-wrapper");
            var option2 = $(".option2-wrapper");
            var option3 = $(".option3-wrapper");
            var option4 = $(".option4-wrapper");

            function exec(name) {
             if (name == "Option One") {
                            option1.removeClass('hidden');
                            option2.removeClass('hidden');
                            option3.removeClass('hidden');
                            option4.removeClass('hidden');
                        }
                        if (name == "Option Two" && $('a.header:contains("Option One")')) {
                            option1.removeClass('hidden');
                            option2.addClass('hidden');
                            option3.addClass('hidden');
                            option4.addClass('hidden');
                        }
                        if (name == "Option Three") {
                            option1.addClass('hidden');
                            option2.removeClass('hidden');
                            option3.addClass('hidden');
                            option4.addClass('hidden');
                        }
                        if (name == "Option Four") {
                            option1.addClass('hidden');
                            option2.addClass('hidden');
                            option3.removeClass('hidden');
                            option4.addClass('hidden');
                        }
                        if (name == "Option Five") {
                            option1.addClass('hidden');
                            option2.addClass('hidden');
                            option3.addClass('hidden');
                            option4.removeClass('hidden');
                        }
            }

            $('#option-selection').on('change', function (e) {
                if (e.type === 'change' || this.id !== 'fund-selection') {
                    $("select option:selected, .header").each(function () {
                       exec($(this).attr("value"));
                    });
                }

            });

            $('.tier3-wrapper a').on('click', function (e) {
                       //exec($(this).child('a').text());
                       exec($(this).text().trim());
            });
     });

---

完全同意，这种方法更好，也解决了我的问题，百万谢谢：完全同意，这种方法更好，也解决了我的问题，百万谢谢：