在div中顯示JQuery表單的結果

Question

我正在通過Jquery表單制作計算器，我想在div中顯示結果，但找不到任何解決方案，有人會提出解決方案嗎？ 目前，我使用輸入來顯示結果。

 $(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) { $("input#resultat_jour").val(data['resultat_jour']); $("input#resultat_pack_litre").val(data['resultat_pack_litre']); $("input#resultat_gobelet").val(data['resultat_gobelet']); $("input#resultat_besoin").val(data['resultat_besoin']); } ); return false; }); }); 

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

Answer 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>

Answer 2

如果您不想包含html，則可以使用.html()或.text()來實現

像這樣 ：

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