動態添加輸入控件以形成表單，類似於Apple Mail規則

Question

我試圖構建一個高級搜索表單，允許用戶動態添加條件行。

1. 第一下拉選擇字段來搜索
2. 第二是操作者
3. 第三是值（文本，日期選擇器，或Twitter預輸入）

改變的主要部分是價值領域。所以這不是簡單地克隆上面的行。我怎樣才能以通用的方式編碼？這裏沒有限制。有人可以添加兩行使用Twitter typeheadhead picker作爲值字段的條件。

在確保他們可訪問的方式來通過到後端的方面，我想命名每條線上的領域，像這樣能工作嗎？

field[], operator[], value[]

Answer 1

使用JQuery.append(html_fragment)動態構建&添加你想要的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); 

希望這有助於。