使用Ajax的跨度值

Question

您好我试图通过AJAX电话显示价格，我只是为了检查您是否得到了价格而进行了输入，但是我无法在一个范围内显示价格结果。

{{$ product-＆gt; price}}有默认值，但它会根据大小而改变，我想在空间中显示结果并隐藏输入。

有人知道怎么做吗？

这是我的html：

<input type="text" placeholder="{{$product->price}}"value="{{$product->price}}">
  <div id="price">
    <span class="text-muted text-normal" id="price"> {{$product->price}}€</span>
  </div>
<input type="hidden" name="price" id="price" value="{{$product->price}}" />

这是我的javascript：

<script>
  $('#size').change(function () {

    $.ajax({
        type: 'GET',
        url : '../{{$product->id}}/ballons-entrainement/size-price',
        dataType: "json",
        data : {
            size : document.getElementById('size').value
        },

        success:function(data){
            console.log(data);
            $('input').attr('value', data.price);
        }
    });
  });
</script>

Answer 1

您尝试.html()喜欢

<script>
  $('#size').change(function () {
    $.ajax({
        type: 'GET',
        url : '../{{$product->id}}/ballons-entrainement/size-price',
        dataType: "json",
        data : {
            size : document.getElementById('size').value
        },
        success:function(data){
            $('span#price').html( data.price );
        }
    });
  });
</script>