动态添加输入控件以形成，类似于Apple Mail Rules

Question

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

1. 第一个下拉列表选择要搜索的字段
2. 第二个是运营商
3. 第三个是值（text，datepicker或twitter typeahead）



更改的主要部分是值字段。因此，这不是简单克隆上述行的情况。我如何以通用方式编码？这里没有限制。有人可以添加两行使用twitter预先选择器作为值字段的标准。

为了确保它们以可访问的方式通过后端，我会考虑在每行上命名字段，这样可以工作吗？

field[], operator[], value[]

Answer 1

使用JQuery.append( html_fragment)动态构建＆amp;将您想要的HTML元素添加到您需要的TD或DIV容器中。

请参阅：http://api.jquery.com/append/以及jQuery document.createElement equivalent?

例如：

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

希望这有帮助。