Question

如何使用jquery打印多个输入框我使用以下代码

<script type="text/javascript">
     $(document).ready(function(){
        $("#taxId").change(function(){
        var tax_id=$("#taxId").val();

            $.ajax({
                    type:"post",
                    url:"<?php echo base_url();?>index.php/pranasInventory/get_tax_detail",
                    data:{tax_id:tax_id},
                    success:function(data)
                    {
                        var json_obj = $.parseJSON(data);//parse JSON
                        var len=json_obj.length;
                        for (var i=0;i<len;i++) 
                        {
                            var output=json_obj[i].tax_detail+"<input id='taxcal' name='taxcal' placeholder='0.00'>";
                            $('#taxDetail').html(output);
                            console.log(output);
                        }

                    }
                });
        });
        });
</script>

它只打印一个输入标签。像我这样的控制台消息

Service tax @ 14%<input id='taxcal' name='taxcal' placeholder='0.00'>
swachh bharat cess @ 0.5%<input id='taxcal' name='taxcal'placeholder='0.00'>

我想打印两个输入框。请帮帮我

Answer 1

html function取代了整个内容。

您可以替换

sockaddr_storage

带

var len=json_obj.length;
for (var i=0;i<len;i++) {
    var output=json_obj[i].tax_detail+"<input id='taxcal' name='taxcal' placeholder='0.00'>";
    $('#taxDetail').html(output);
    console.log(output);
}

但是您需要决定如何处理添加输入的ID，因为您显然无法使用相同的输入。

Answer 2

.html替换了div的全部内容。您必须使用JQuery追加或前置方法。

如何在jquery中打印多个html标签

2 个答案: