jQuery 替换 INPUT 对象后 PHP 表单不起作用

Question

我有一个带有选择对象的表单。选项是使用来自 mySQL DB 的 PHP 生成的。我还有一个“新”选项可用。如果用户选择“新”，我正在使用 jQuery - replaceWith 函数将选择对象更改为输入类型=“文本”对象。

这一切都很好，除了提交表单后 PHP $_POST['description'][0] 为空。为什么会这样？下面我复制了选择对象和 jQuery 的快照。

jQuery:

$(function() {
    $('select#description').change(function() {
        if ($(this).val() == 'new')
        var x = $(this).attr('name');
        $(this).replaceWith('<input type="text" name="description" id="description">');
        $('input#description').attr('name', x);
        $('input#description').attr('id', x);
    });
});

---

HTML/PHP：

<td>
   <select id='description' name='description[$i]'>
                        <option value=''></option>
                        <option name='[$i]' value='new'>new</option>";
                        echo $list = $this->desc_list();
echo "      </select>
 </td>

这是我正在寻找的输出：

<select id='description' name='description[0]'>
<option value></option>
<option value='new'>new</option>
<option value='1'></option>
</select>

value='1' 的地方没有描述，因为当 PHP 保存最后一个条目时它是空的。一旦用户选择“新”，代码会将选择对象更改为：

<input type='text' name='description[0]' id='description[0]'>

下一页代码可以很简单

echo $_POST['description'][0]

但它不会回显在文本框中输入的内容。为什么最后一个条目是空的？

Answer 1

因为您已将“description[$i]”替换为“description”

Answer 2

答案被接受：下面描述的解决方案不正确。这个答案的 cmets 内的对应关系似乎已经导致了解决方案。

您的问题似乎是您尝试回显 POST 变量的方式： echo $_POST['description'][0] 永远不会提供您输入文本的值，因为该字段的名称是“description[0]”，因此您需要调用echo $_POST['description[0]']。

如果这不能解决您的问题并且您不熟悉 var_export：请尝试在 page2.php 中的 while 循环上方/下方放置 print_r($_POST);，并让我们知道输出。