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

How to print multiple html tags in jquery

本文关键字：html 标签 打印 jquery      更新时间：2023-09-26

如何使用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'>

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

html函数替换整个内容。

您可能会更换

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);
}

带有

$('#taxDetail').append(json_obj.map(function(obj){
    return $("<input placeholder='0.00'>");
});

但您需要决定如何处理添加的输入的id，因为显然不能对所有输入都使用相同的id。

.html替换div的全部内容。必须使用JQuery append或prepend方法。

相关文章：