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']);