javascript无法更新输入框的值

Question

我有一些输入框。这是HTML

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

在某些javascript中，我正在尝试更新其值

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

我也试过

item.id

我确认console.log(parseFloat(item.shipping_price)); 是正确的值，而item.shipping_price也包含以下内容：

{{1}}

当我运行我的代码时，输​​入框值不会更新

Answer 1

在您的示例中，由于元素的ID是唯一的，您应该引用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));