使用 jQuery 编辑多个输入

Question

我有一个动态多文本输入：

<input type="text" id="text_1">
<input type="text" id="text_2">
<input type="text" id="text_3">
<input type="text" id="text_4">
<input type="text" id="text_5"> ....

How do I get the id on every textinput with jQuery to edit:

$('#form').submit(function(){
  $.post('include/setting.php', {
    text_(id): $('#text_(id)').val(), // <--
  }, 'json')
  return false;
})

使用 php 如何获取输入 id？

Answer 1

使用 serialize()

$('#form').submit(function(){
  $('#form input[id]').each(function(){
   $(this).attr('name', $(this).attr('id'));
  });
  $.post('include/setting.php', $('#form').serialize());
  return false;
})

Answer 2

首先，要与 php 共享信息，您需要使用 get 或 post 发送 ajax 数据，这意味着在 php 中您将使用 $_REQUEST['url_var_name'] 接受数据（接受其中之一）。例如：

$requests = array('name', 'time', 'city'); // Request whitelist.
$params = array(); // Empty array to hold the final values.
foreach($requests as $param){
    $params[$param] = @$_REQUEST[$param]; // Null by default.
}
// End up with an array of whitelisted parameters in $params to cast or restrict.

其次，由于您要选择多个元素，因此您可能想要对所有元素使用一个类，然后使用 jQuery .each() 迭代它们，或者只选择输入元素在某个 div 内，让事情变得更简单。例如：

<div id='#name-inputs'>
<input type="text" id="text_1">
<input type="text" id="text_2">
<input type="text" id="text_3">
<input type="text" id="text_4">
<input type="text" id="text_5">
</div>

然后您可以通过 $('#name-inputs input') 与输入进行交互，而不是通过 id 单独拉取它们。通过这种方式，您可以真正为输入命名任何您想要的名称，而无需将它们限制为数字循环方案。

编辑： @ARTStudio 对 serialize() 的建议可能比在 javascript 中单独处理输入更好（对我来说是新函数，我喜欢它）。