如何获取多个文本框值？

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 
    }); 

Answer 2

首先按类别update选择所有输入并为焦点事件附加事件列表器。

然后就可以调用sendvalue功能和发送对象的数组来批量更新所有的值到后端（改变你的PHP代码收到一个数组，而不是一个单一的对象）

$('input.update').on('focus', function() { 
    $(this).data('val', $(this).val()); 
}); 

function sendvalue() { 
    // Array 
    var postData = []; 
    $('input.update').each(function() { 
    var inp = $(this); 
    postData.push({ 
     previous: inp.data('val'), 
     currentvalue: inp.val() 
    }); 
    }); 

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