如何复制搜索表单元素并添加唯一ID

时间:2011-05-26 01:24:08

标签: jquery xml ajax forms webforms

我正在制作搜索表单(here's the demo)。不幸的是,我已经到了一个地步,我真的不知道如何做我想做的事。

我需要添加一些功能,这些功能会导致Add Another City按钮复制State / Province和City SELECTs,它们通过Ajax调用填充XML数据,但具有唯一ID,因此表单最终可以组合搜索词与多个城市一起产生搜索结果。此外,它应该能够添加不超过4个额外的城市。

至少有人能指出我应该从这个方向开始吗?

1 个答案:

答案 0 :(得分:1)

如果我理解,你真的不需要为每个创建的元素生成ID,你只需要一个类并使用它来访问它们。

我把它们放在一起来说明这个想法:

http://jsfiddle.net/2SLrF/

一切都完全不在课堂上。

注意:我对链接有点疯狂,因为它很快而且很脏,你可能想要将它分开以便于维护。

如果由于某些其他原因你确实需要生成ID,你可以简单地创建一个计数器变量,只需将它附加到ID的末尾,这样它就是唯一的。

编辑:同样的例子,扩展和评论。 http://jsfiddle.net/2SLrF/1/