duanhao7786 2017-10-24 05:57
浏览 28
已采纳

在div中显示JQuery表单的结果

I'm making a calculator via a Jquery form and I'd like to display the result in a div but I can not find any solution to do it, someone would have a solution? For the moment I use inputs to display the results.

$(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>

</div>
  • 写回答

2条回答 默认 最新

  • dougu4704 2017-10-24 06:01
    关注

    Please ask in English

    Use jquery text function.

    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条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 爱快路由器端口更改错误导致无法访问
  • ¥20 安装catkin时遇到了如下问题请问该如何解决呢
  • ¥15 VAE模型如何输出结果
  • ¥15 编译python程序为pyd文件报错:{"source code string cannot contain null bytes"
  • ¥20 关于#r语言#的问题:广义加行模型拟合曲线后如何求拐点
  • ¥15 fluent设置了自动保存后,会有几个时间点不保存
  • ¥20 激光照射到四象线探测器,通过液晶屏显示X、Y值
  • ¥15 这怎么做,怎么在我的思路下改下我这写的不对
  • ¥50 数据库开发问题求解答
  • ¥15 安装anaconda时报错
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部