如何通过jquery中的id获取textbox的输入值

时间:2017-08-02 05:51:34

标签: javascript php jquery

我的文本框是一个值为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.它应该没有发生我想得到递增或递减的值。任何人都可以取悦我。

2 个答案:

答案 0 :(得分:1)

我认为你必须直接使用php渲染product_id。鉴于js文件没有与php文件分开。

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

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

答案 1 :(得分:1)

为什么需要动态创建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);
 });