jquery - 动态添加输入控件到表单，类似于 Apple Mail Rules

Question

我正在尝试构建一个高级搜索表单，允许用户动态添加标准行。

1. 第一个下拉列表选择要搜索的字段
2. 二是运营商
3. 第三个是值（文本、日期选择器或 twitter 预输入）

更改的主要部分是值字段。所以这不是简单地克隆上面的行的情况。如何以通用方式对其进行编码？这里没有限制。有人可以添加两行使用 twitter typeahead 选择器作为值字段的标准。

在确保它们以可访问的方式到达后端方面，我认为像这样命名每一行上的字段可以工作吗？

field[], operator[], value[]

Answer 1

用于JQuery.append( html_fragment)动态构建和附加您想要的 HTML 元素到您需要它们的 TD 或 DIV 容器中。

请参阅： http ://api.jquery.com/append/ 以及jQuery document.createElement 等价物？

例如：

var prefix = "cond0";
var content = "<select name='"+prefix+"_field'>";
// generate select options here..
content += "</select>";
//
var container = $( "#"+prefix);
container.append( content);

希望这可以帮助。