如何在html输入中显示json数组值

Question

我正在使用以下jquery

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

            $.ajax({
                    type:"post",
                    url:"<?php echo base_url();?>index.php/pranasInventory/get_service_amount",
                    data:{service_id:service_id},
                    success:function(data)
                    {
                        $('#amount').append(data);
                    },

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

我在html输入字段中得到了以下回复

<input type="number" name="amount" id="amount" class="form-control" placeholder="Amount">[{"service_amount":"2000000"}]</input>

I want to display the service_amount in input value field.

请帮帮我

Answer 1

试试：

$('#amount').val( data[0].service_amount );

Answer 2

您应该为输入控件赋值，而不是将data对象附加到输入控件。您可以尝试任何一个代码

$('#amount').val(data[0].service_amount );

或

$('#amount').val(data[0]["service_amount"]);