2012-01-27 46 views
0

我有一個選擇框,一旦有點擊就會在下面的表格中添加一個新行,類似如果選擇菜單中的一個項目被取消選擇它添加的同一行將從表格中刪除。如何通過點擊多選來添加一行到表格

我有一個的jsfiddle進一步解釋什麼,我試圖做 http://jsfiddle.net/Wdj6G/

+1

看看[變化()(http://api.jquery.com/change/)和[添加()](HTTP:// api.jquery.com/append/) – ManseUK 2012-01-27 13:46:27

+0

這沒有什麼意義.....這意味着你的桌子只會有一個單一的行?這是因爲'select'元素一次只能選擇一個項目...... – ManseUK 2012-01-27 13:53:49

+0

換句話說,您希望單個行可見取決於在下拉列表中選擇哪個值? – Supr 2012-01-27 13:54:40

回答

1

你可以聽你的onchange事件的選擇框,併爲所選項目創建一個DOM元素,將其存儲在全局對象(選擇值作爲鍵)並將其添加到您的表中。當您取消選擇此項目時,可以使用全局對象從表格中刪除該元素。

1

Onchange事件選擇框,從選擇框中獲取值和顯示的文本; 在多次選擇的情況下,遍歷所有數量的選定項目;把他們中的每一個逐一;創建元素TR和TD。將值附加到TD,然後將其追加到TR,最後添加到table.simailar中,以便在清除項目時從表格中刪除ChildElement(Row)。

看看這個求助:DOM

相關問題