如何填充从另一个html页面加载的div

时间:2017-03-15 10:48:48

标签: javascript jquery html html5 autofill

我正在尝试从另一个html页面加载div,然后用我的主html页面中的值填充它。 我的div正确加载并显示,但似乎它不想填满。这是我到目前为止所做的:

$("#valider").click(function() {
    $("#ag_pub_panneau_detail_html").load( "https://tc610/ag_pub_collecte/Ag_pub_panneau_detail.html #ag_pub_panneau_detail_master_div");
    $("#ag_pub_panneau_detail_html").show();
});

所以当我点击“valider”按钮时,我的div被加载并显示,到目前为止一直很好。

这就是我在努力的地方,我试过这个:

if ($('ag_pub_panneau_detail_html').is(':visible')) {
    $('#ag_pub_panneau_entityid').val($('#ag_id_panneau').val());
}

但div保持空白。所以我尝试了这个:

$("#valider").click(function() {
    $("#ag_pub_panneau_detail_html").load( "https://tc610/ag_pub_collecte/Ag_pub_panneau_detail.html #ag_pub_panneau_detail_master_div", fillDiv());
    $("#ag_pub_panneau_detail_html").show();
});

function fillDiv(){
    $('#ag_pub_panneau_entityid').val($('#ag_id_panneau').val());
}

但我得到了同样的结果。所以我尝试了别的东西:

$("#valider").click(function() {
    $("#ag_pub_panneau_detail_html").load( "https://tc610/ag_pub_collecte/Ag_pub_panneau_detail.html #ag_pub_panneau_detail_master_div");
    $("#ag_pub_panneau_detail_html").show();
    $('#ag_pub_panneau_entityid').val($('#ag_id_panneau').val());
});

我在想,因为.show()运行良好,我可以在它下面添加我的行,但它似乎也没有执行。

所以我以前认为这一行:

$('#ag_pub_panneau_entityid').val($('#ag_id_panneau').val());

错误但是当我从Chrome控制台执行时,该字段已正确填充...我不知道发生了什么,我对我的问题没有想法。

我有什么问题吗?

如果您愿意,我可以提供更多代码/详细信息,请问我 任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:-1)

我设法让它工作,我做的是我为Ag_pub_panneau_detail.html页面(已加载的那个)创建了一个js文件,我刚才写道:

$(document).ready(function() 
{

$('#ag_pub_panneau_entityid').val(localStorage.getItem("ag_pub_panneau_entityid"));

}); 

现在它就像一个魅力:)

顺便问一下,我能否知道为什么我的问题存在这些问题呢?

无论如何,谢谢你的帮助!