如何在我的页面加载时首先忽略trigger（）方法

Question

我有3个下拉菜单。第一次下拉是静态的。基于第一个下拉列表，我正在填充第二个下拉列表。根据第二个下拉列表，我填充第三个下拉列表。第二和第三次下拉是动态的。我是从后端来的。

我正在使用triger（）方法在页面刷新后保留我的下拉列表。现在的问题是在页面加载时我的休息调用也发生在第二次和第三次下拉列表中。

现在我想在我的页面第一次加载时忽略trigger（）。

这是我的代码。

<script>
    $(document).ready(function() {
        $("#customerDetails").change(function() {
            var value1 = $('#customerDetails :selected').text();
            $.ajax({
                type : 'POST',
                url : 'environments',
                data : {
                    selectedcustomername : value1
                },
                success : function(result) {
                    getEnvNames(result);
               }
            });
        }).trigger('change');
    });
</script>

Answer 1

您的代码末尾有.trigger('change')，在页面加载时触发onChange事件。只需删除该代码即可解决您的问题。