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

How to assign a JQuery variable value to a Laravel Blade input

我有一个名为 "cost" 的变量(字符串)。如果我尝试将其分配给

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

它工作正常。但是,当我尝试将其分配给 Blade 生成的 "readonly" 输入时,我得到 nothing。我在输入字段中没有得到 "cost" 值的输出。我试过取消转义 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 ! 
});

Blade 输入:

<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>

您没有在输入中使用 class="cost",您正在使用 id="input",因此需要更改选择器。

此外,您在输入

上设置的值不是 html

尝试

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