动态形式的一些错误,我很乐意修复

时间:2011-04-19 11:34:14

标签: javascript jquery css html-form dynamic-forms

我已经在小提琴上全力以赴,以便你得到(大部分)照片:

http://jsfiddle.net/ch29z/11/

当您在第一行中单击+时,它会在突出显示的状态下克隆+,因此副本为绿色。

如果将第一行设置为eg。 agent = excel,当它克隆时,第一个下拉列表被设置回标签,但第二个和第三个下拉列表仍为“=”和“excel”

如果添加第二行,但随后删除第一行,然后添加另一行,则项目之间的间距与您第一次添加行时的间距不同(IMO,一旦您完成该行,间距实际上更好,这显然是一个CSS问题,但我无法让它坐得正确。)

此外,当您选择变体,然后选择不良,然后返回变体,文本框将重复,以便现在有2个,如果您重复该过程,则会添加另一个文本框。

不确定为什么会发生这种情况,因为所有其他动态生成的文本框的代码都是相同的。

非常感谢任何关于这些错误的帮助,另外几双眼睛确实有帮助。

此致

马丁

2 个答案:

答案 0 :(得分:1)

空格似乎来自您在选择中设置的边距:

.dropdownclone select {
...
  margin-bottom: 15px;
  margin-top: 5px;
}

对于div.autocomplete,您应该在DOM中准备好并使用style="display:none",就像使用select一样。但是如果你喜欢像你一样注射它,你需要检查它是否已经存在。

答案 1 :(得分:0)

 $(this).parent().find(".valuestextbox").remove();

似乎要做的伎俩。谢谢你的帮助。