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"> ....

如何使用jQuery编辑每个textinput上的id：

$('#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中单独处理输入更好（对我来说是新功能，我喜欢它）。

使用jQuery编辑多个输入

2 个答案: