JavaScriptが入力ボックスの値を更新できません

Question

入力ボックスがあります。ここで私はまた、私はitem.idが正しい値とitem.shipping_priceであることを確認し

$('.dog_shipping_price').val(parseFloat(item.shipping_price)); 

を試みたHTML私は

$('.shipping_price_'+item.id).val(parseFloat(item.shipping_price)); 

その値を更新しようとしているjavascriptの一部で

<input name="dog_shipping_price" class="input" id="shipping_price_<?php echo $id; ?>" value="<?php echo $shipping_price; ?>" /> 

です次のものもあります：

console.log(parseFloat(item.shipping_price)); 

私はあなたの要素のIDが一意であるように、入力ボックスの値は、あなたの例では

Answer 1

が更新されていない自分のコードを実行すると、あなたはID、いないクラスを参照する必要があるので、あなたが使用する必要があります。

$('#shipping_price_'+item.id).val(parseFloat(item.shipping_price)); 

.はクラスセレクタ、#はIDセレクタです。

Answer 2

変更：

$('.shipping_price_'+item.id).val(parseFloat(item.shipping_price));

には：

$('#shipping_price_'+item.id).val(parseFloat(item.shipping_price));

あなたがいないクラスIDを使用して値を更新しているので、あなたは'#'ない'.'を使用する必要があります。

Answer 3

.セレクタを使用している場合は、dog_shipping_price程度のクラスを参照しています。クラスセレクタを使用する場合は、要素内のクラス属性（inputの場合）

$('.input').val(parseFloat(item.shipping_price));