在JS中切换div问题

Question

大家好我有一个JS函数来在JQuery中切换div：

$(function() {
    $('#changer').change(function(){
        if ($(this).val() == "3") {
            $('#divchange').show();
        } else {
            $('#divchange').hide();
        }
    });
});

然而，当页面加载时div不会隐藏，当值不是3时，如果我更改下拉列表中的值，则div显示并相应隐藏 - 有没有办法解决这个问题，所以我可以在加载时检查#changer的值，如果它不等于3则隐藏div？

Answer 1

是。只需在页面加载时手动触发change事件：

$('#changer').change(function() {
    // ...
}).change();

Answer 2

这样做：

$(function() {
    $('#changer').change(function(){
        if ($(this).val() == "3") {
            $('#divchange').show();
        } else {
            $('#divchange').hide();
        }
    }).trigger('change');
});

Answer 3

尝试这样做：

$('#changer').trigger('change');

Answer 4

试试这个：

将默认div隐藏。

$(document).ready(function(){
$('#divchange').hide();
});

$(function() {
$('#changer').change(function(){        
    if ($(this).val() == "3") {
        $('#divchange').show();
    } else {
        $('#divchange').hide();
    }
});
});

希望这有帮助。