在div中显示JQuery表单的结果

时间:2017-10-24 13:57:11

标签: php jquery html

我通过Jquery表单制作计算器,我想在div中显示结果,但我找不到任何解决方案,有人会有解决方案吗? 目前我使用输入来显示结果。



plt.ylabel('Pop')

axes[1].set_ylabel('Temp')




2 个答案:

答案 0 :(得分:1)

请用英语询问

使用jquery文本功能。

JS:

$(document).ready(function() {
      $("form#formulaire_calcul_pack").submit(function() {
           $.getJSON("wp-content/mu-plugins/calc-agri/controleur.php",
           {"actionReapro" : "calculer",
            "nombre_conso_vl_pack" : $("input#nombre_conso_vl_pack").val(),
            "nombre_jour" : $("input#nombre_jour").val(),
            "nombre_date_pack" : $("input#nombre_date_pack").val(),
            "nombre_vache" : $("input#nombre_vache").val() },
            function(data) {
                $("div#resultat_jour").text(data['resultat_jour']);
                $("div#resultat_pack_litre").text(data['resultat_pack_litre']);
                $("div#resultat_gobelet").text(data['resultat_gobelet']);
                $("div#resultat_besoin").text(data['resultat_besoin']);
            }
           );
           return false;
    });
});

HTML:

<p><i class="fa fa-tint" aria-hidden="true"></i> Je dois commander :
    <div id="resultat_pack_litre"></div>
</p>   
<p><i class="fa fa-tint" aria-hidden="true"></i> Soit :
    <divid="resultat_besoin"></div>
</p>
<p><i class="fa fa-tint" aria-hidden="true"></i> Soit l'&eacute;quivalent de :
    <div id="resultat_gobelet"></div>
</p>

答案 1 :(得分:0)

如果您不想包含html,可以使用.html().text()进行

像这样:

$(".myDiv").html(data['resultat_jour']);
$(".myDiv").text(data['resultat_jour']);