如何通过jQuery中的ID获取文本框的输入值

Question

我有文本框，其值为1的数字类型。我想要在jQuery中获取此文本框的值。

<input type="number" value="1" name="quantity" class="form-control quantity" id="<?= $product_id ?>" /> 

jQuery的

<script> 
$(document).ready(function(){ 

$('.add_cart').click(function(){ 
    var quantity = $('#' + product_id).val(); 
    alert(quantity); 
}); 
</script> 

这里的问题是，如果我点击添加到购物车用默认值（即1）我收到警报为1，但如果增加文本框的值价值我仍然得到警报为1.它不应该发生我想获得递增或递减值。任何人都可以请我。

Answer 1

我认为你必须直接渲染你的product_id。鉴于js文件没有从php文件中分离出来。

<script> 
$(document).ready(function(){ 

$('.add_cart').click(function(){ 
    var quantity = $('#' + '<?= product_id ?>').val(); 
    alert(quantity); 
}); 
</script> 

Answer 2

为什么需要动态创建id？如果不只是用

<input type="number" value="1" name="quantity" class="form-control quantity" id="product_id" /> 

，并在你的JavaScript

<script> 
    $(document).ready(function(){ 
    $('.add_cart').click(function(){ 
    var quantity = $('#product_id').val(); 
    alert(quantity); 
});