在页面加载时显示DIV,而不仅仅是下拉列表的“更改时”

时间:2016-09-20 09:38:22

标签: javascript html

我目前有一个表单的部分,根据下拉列表的选择显示:

$ awk 'p==$2&&s{s=s OFS $3;next}s{print s}{s=$3;p=$2}END{print s}' file
A B C
D E F
G H I
J K L

});

这适用于我的“添加”功能,因为默认的下拉列表选择是“请选择...”,这意味着有一个“更改”触发我的功能。

对于我的“编辑”功能,已经进行了选择,并且不太可能对此选择进行更改。我试图将.on('change')位改为.on('load'),但这似乎不起作用!

感觉我需要做一个简单的改变,但我在javaScript上很垃圾!

感谢。

3 个答案:

答案 0 :(得分:1)

试试这个:

$( document ).ready(function() {
    // Handler for .ready() called.
    $("#Section1").show();
});

答案 1 :(得分:0)

尝试在文档就绪时手动触发代码,如下所示:

$(document).ready(function(){
     $("#Selection").trigger("change");
});

如果您对更改处理程序中的功能感到满意,那么

答案 2 :(得分:0)

我认为 Klikas 解决方案是正确的:

$(document).ready(function(){
    if($('#Selection').value!=""){$('#Selection').trigger("change");}
});

您可以使用以下内容简化长期功能:

$('#Selection').on('change', function(){
    var p=["Section1", "Section2", "Section3", "Section4", "Section5"];
    for(var i=0; i<p.length; i++){var n=p[i]; var t=$("#"+n); if(t){this.value===n?t.show():t.hide();}}
});