我想用 jquery 获取输入字段值

Posted 2023-02-24

【中文标题】我想用 jquery 获取输入字段值

【英文标题】：I want to get input field value with 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 

?>

【问题讨论】：

Obtain form input fields using jQuery?的可能重复

【参考方案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>