使用 Javascript 添加的 HTML 表单隐藏字段未发布

Question

我有一个表单，用户可以在其中输入链接，单击“添加链接”按钮，然后（通过 jQuery）将该链接作为隐藏字段添加到表单中。问题是我提交表单时它没有发布。它真的开始让我感到困惑。问题是，如果我将隐藏字段硬编码到表单中，它会被发布，但我的功能由于某种原因无法正常工作。正如我在 Firebug 中看到的那样，隐藏字段确实已添加到我的表单中，但它只是没有与 POST 数据一起发送。

请注意，我在 Javascript 中使用了一个数组来保存元素，直到提交表单，这也会将它们以可见的形式发布给用户以查看他们添加的内容。我在元素的“名称”字段上使用 [] 表示法，因为我希望将链接提供给 PHP 中的数组。

这里是附加到我的表单的链接创建：

        function make_hidden_element_tag(item_type, item_content, item_id)
{
    return '<input type="hidden" name="' + item_type + '[]" id="hidden_link_' + item_id + '" value="' + item_content + '"/>';

有没有人知道为什么这可能不会发布。如上所述，任何与上述几乎相同的硬编码标签都可以正常工作，只是这个标签不起作用。以下是我使用 jQUery 将标签添加到表单的方法：

$('#link_td').append( make_hidden_element_tag('links', link, link_array.length - 1));

我正在使用 Kohana 3 框架，但我不确定这是否与此有关，因为从将 HTML 添加到页面并按下提交按钮的那一刻起，它并没有真正做任何事情。

Answer 1

亲爱的使用jquery的插件动态添加html dom元素，#link_td是什么？？

Answer 2

如果数据没有被发送到服务器，那么输入元素肯定没有被添加到表单中。

在提交表单之前尝试执行以下代码：

<form onsubmit="return doBeforeSubmit(this);"> ... </form>

而函数是……

function doBeforeSubmit(form)
{
   var es = form.elements;
   var l = es.length;

   var msgs = [];

   for(var idx = 0; idx < l; idx++)
   {
      var e = es[idx];
      msgs.push('name=' + e.name + ', type=' + e.type + ', value=' + e.value;
   }

   alert(msgs.join('\n'));
   return false;
}

如果你没有得到你的字段，那么“输入”不会添加到表单中，而是添加到其他地方。

如果你确实得到了这个领域......我们需要更深入地挖掘。

Answer 3

我刚刚发现问题出在哪里。我感到尴尬和困惑。如前所述，我正在使用 Kohana 框架。不确定这是否与此有关，但可能很重要。

我的元素是这样排列的：

<table>
    <form>
       .............form stuff.......
    </form>
</table>

并且在提交表单时它不允许我添加的数据加入 POST 数组，即使使用 Kohana 的 FORM 类“硬编码”的元素工作正常。我只是注意到它出现在整个分支之前。我曾试图确保在我的 Kohana 视图中有一个 Form::close，但从未想过它会直接在开始标记之后关闭。

非常感谢您的帮助。这是那些没有意义的错误之一，但我想为什么 $.append 以前不起作用是有道理的。我总是查看并看到它直接附加在与 POST 数据一起发送的其他标签旁边，因此假设所有这些都发生在 FORM 内。

谁能解释为什么需要封装而不是反之，以便 HTML 正确呈现它？或者这更有可能是一个 Kohana 问题？

非常感谢大家的帮助，这是一个很好（但非常令人沮丧）的课程。