javascript - 如何获取多个文本框值？

Question

我想使用相同的脚本获取多个文本框的值。在我的脚本中，我获取单个文本框值更改之前和之后的文本框值。如何为多个文本框编写相同的 JavaScript？

<div align="center">
  <table>
    <tr>
      <td>
        <input type="text" id="bill" name="billid" class="update"
               value="<?php echo $get['BillID']; ?>">
      </td>
      <td>
        <input type="text" id="proname" name="productname" class="update"
               value="<?php echo $get['Productname']; ?>">
      </td>
      <td>
        <input type="text" id="rate" name="rate" class="update"
               value="<?php echo $get['Rate']; ?>">
      </td>
      <td>
        <input type="text" id="quantity" name="quantity" class="update"
               value="<?php echo $get['Quantity']; ?>">
      </td>
      <td>
        <input type="text" id="amount" name="amount" class="update"
               value="<?php echo $get['Amount']; ?>">
      </td> 
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td>
        <input type="submit" name="submit" value="submit" onclick="sendvalue()">
      </td>
    </tr>
  </table>
</div>

我的脚本是

$('#bill').on('focus', function() {
    $(this).data('val', $(this).val());
});

function sendvalue() {
  var prev = $('#bill').data('val');
  var current = $("#bill").val();
  //alert(prev+";"+current); 

  $.ajax({
    type: "POST",
    url: "updateedit.php",
    data: ({
      previous: prev,
      currentvalue: current,
    }),
    success: function(data)  {
      alert(data);
    },
    error: function() {
      alert('failed');
    }               
  });
}

Answer 1

不要使用 id 选择器，而是尝试通过输入类型获取并创建 jQuery.each() 来获取结果。

$.each($("input[type=text]"), function( index, value ) {
      //What you want to do for every text input
    });