如何将 JQuery 变量值分配给 Laravel Blade 输入

Question

我有一个名为“成本”的变量（字符串）。如果我尝试将其分配给

<p class="cost"> </p> 

它工作正常。但是，当我尝试将其分配给 Blade 生成的“只读”输入时，我得到 nothing。我在输入字段中没有得到“成本”值的输出。我尝试过对 BLade 输入进行转义，也尝试过原始 JS。

  $(".quantity").on('change', function(){
    var quantity = parseInt($(this).val());
    var num = (price * quantity);
    var cost = num.toString();
    $('.cost').html(cost);  // This will not assign the value ! 
});

刀片输入：

<div class="col-sm-2 col-md-2">{!! Form::text('cost[0]', null ,['class'=>'form-control cost', 'readonly'=>'readonly' ]) !!}</div>

Blade 生成的源代码如下所示：

<div class="col-sm-2 col-md-2"><input class="form-control cost" readonly="readonly" name="cost[0]" type="text" value=""></div>

Answer 1

您没有在输入上使用class="cost"，而是使用id="input"，因此需要更改选择器。

此外，您在输入上设置的值不是 html

试试

$('#cost').val(cost);