从jQuery生成的外部输入字段中获取值

时间:2009-08-29 14:43:32

标签: php javascript jquery ajax

我会尝试解释这种情况,因为它有点复杂。

我创建了一个多图片上传表单。它的工作原理如下:

  • 在表单中有2个提交按钮。 1个普通的HTML提交按钮,另一个由jQuery生成。它是一个“浏览”按钮,允许您浏览硬盘上的图片并将其添加到集合中。如果没有您实际提交表单,这一切都会发生。图片通过ajax保存到临时表中。我正在使用此插件:http://www.uploadify.com/
  • 我使用jQuery获取临时图片并将其显示在正常提交按钮上方,以便用户在实际提交表单之前可以看到他们要上传的完整图片集。
  • 我的方式是我有一个显示临时图片的页面,我使用jQuery get()方法获取此页面并在表单中显示。

现在重要的部分,在每个临时图片下都有一个文本输入字段,因此用户可以为他们要提交的所有图片输入标题。

但是,当用户点击表单提交按钮时,不会提交文本输入字段,因为它们只是从其他页面使用ajax获取。

如何访问这些文本字段?

编辑:

在表单中我有一个空div:

<div id="temporaryPhotos"></div>

这是我放置所有图片(img标签)和用jQuery生成的文本字段(来自同一网站上的不同页面)的地方;

2 个答案:

答案 0 :(得分:1)

如果表单的HTML没有borked,这应该工作。但是,一种解决方案是以原始形式创建隐藏的输入字段,在数组中收集所有生成的文本输入字段的值,并将该数组放在提交的隐藏输入字段中。

使用JSON查看序列化以获取更多相关信息。

答案 1 :(得分:0)

如果您的表单标记位于正文标记之前,则不会发布,

需要:

<html>
<body>
<form>
...my dynamic form content...
</form>
</body>
</html>