如果在javascript中选择了一个值,我如何在加载时显示一个字段

How can I show a field on load if a value is selected in javascript

本文关键字:一个 加载 字段 显示 选择 javascript 如果      更新时间:2023-09-26

我有一个有3个字段的下拉列表。2表示应该显示代码框#canaddcodes。我有一个像这样的脚本

$(document).ready(function () {
        $('#canaddcodes').hide();
        $("#CodeSetup").change(function () {
            if ($(this).val() == 2) {
                $('#canaddcodes').show();
            } else {
                $('#canaddcodes').hide(); /* If you want to be hidden if it's not */
            }
        });
    })

我知道隐藏值隐藏了#canaddcodes,但我怎么能在加载时显示它,如果val == 2?

在加载时调用change事件:

$(document).ready(function () {
    $("#CodeSetup").on("change", function () {
        if ($(this).val() == 2) {
            $('#canaddcodes').show();
        } else {
            $('#canaddcodes').hide(); /* If you want to be hidden if it's not */
        }
    }).trigger("change");
})

优于将整个if语句再次放在外面

.change()链接到您的更改处理程序,以便在加载时调用它:

$("#CodeSetup").change(function () {
        if ($(this).val() == 2) {
            $('#canaddcodes').show();
        } else {
            $('#canaddcodes').hide(); /* If you want to be hidden if it's not */
        }
    }).change(); //<----