Jquery - 表单提交提供了一个下拉选择值，如何使用 jquery 设置关联的 html？

Question

我有一个表单，它提交一个保留先前选择的下拉值，最初，在提交表单之前，选择下拉列表中的任何选项用于显示或隐藏一些 htmls 元素，使用 jquery，现在问题是如何使用jquery 在表单提交后查找所选值以控制其他 html 元素，就像在提交之前一样。

下面的代码是我手动更改下拉列表中的值时：

$(document).ready(function() {
    $('#representative').change(function(){
        var rep = $('#representative').val();
        if(rep == 'Golfer'){
            golfer();
        } else if (rep == 'Bussiness') {
            bussiness();
        } else {
            def();
        }
    });
});

我正在寻找方法如果在提交表单后当我在下拉列表中获得任何预选值时，我必须获得函数 bussiness();执行或运行 golfer()；应该被执行。

Answer 1

您需要做的就是将您的变量检查移出范围，并获取选定的值。

var selectedRep = $('#representative').val();
if(selectedRep == 'Golfer'){
    golfer();
}else if(selectedRep == 'Bussiness'){
    bussiness();
}else{
    def();
}

只需将其放在您的 $(document).ready({ // code here }); 函数中，它就会在页面加载时进行评估。