【问题标题】:I want to get input field value with jquery我想用 jquery 获取输入字段值
【发布时间】:2015-02-18 09:47:19
【问题描述】:

我正在编写一个程序,我正在使用 php 在表中从 mysql 打印我想在 jquery 的帮助下获取输入字段值如何使用 jquery 获取每个输入值。

<?php
$sql = "SELECT id, name, price, qty FROM appetisers";
$result = mysqli_query($conn, $sql);

if (mysqli_num_rows($result) > 0) {
    // output data of each row
    while($row = mysqli_fetch_assoc($result)) { 
         $quantity = $row["qty"]; 
         if ($quantity == '' || $quantity == '0') {
              $quantity = '1';
           }  

        ?>
        <tr class="eachrow">
            <td><?php echo $row["name"] ?></td>
            <td class="price-amount">£ <?php echo $row["price"] ?></td>
            <td><input type="text" name="amount" class="amount-type" value="<?php echo $quantity; ?>"/></td>
            <td><a href="" class="add-cart">Add to cart</a></td>
        </tr>
    <?php }
}
?>

【问题讨论】:

标签: php jquery mysql arrays


【解决方案1】:

试试这个:

$('.add-cart').click(function(e){
    var val = $(e.target).closest('.eachrow').find('[ name="amount"]').val();
   console.log(val);
})

【讨论】:

  • 所有输入将具有相同的名称'amount'
  • 认为我有 13 行表中有一个输入。我怎样才能得到每个输入值?
  • 然后你必须运行一个循环。我已经编辑了答案。
  • 我想在点击相应的添加到购物车时获取每个值
  • 那么你就添加了点击回调函数。查看最新功能。
【解决方案2】:

首先,您需要为输入提供某种标识符,例如 add 和 increment 以便您的输入可以具有 id,例如 'appetisers_' . $increment

然后你可以用 jquery 获取这些并使用获取值

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

目前您在输入输出上有一个名称,但它们都将具有相同的名称

【讨论】:

    【解决方案3】:

    通过使用 Jquery val() 可以像这样获取文本字段的值

    var Values = $( ".amount-type" ).val();
    

    我认为它会正常工作

    【讨论】:

      【解决方案4】:

      试试这个

      $('.amount-type').each(function() {
          console.log( this.val() );
      });
      

      【讨论】:

        【解决方案5】:
          <script> 
           var TableData = new Array();
            $('table tr.eachrow').each(function(row, tr){
                TableData[row]={
                            "amount" : $(tr).find('td:eq(2)').val()
                    }
            }); 
            TableData.shift();
         </script>
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2014-12-26
          • 2015-02-12
          • 2018-02-06
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2013-11-01
          • 1970-01-01
          相关资源
          最近更新 更多