如何使用jquery創建和刪除html隱藏字段？

Question

我是javascript和jquery的新手，請耐心等待。

的一切都在這裏首先是我的代碼，這樣就可以進行測試，看看什麼錯：http://jsfiddle.net/Lzw4e/1/

我想創建一個新的隱藏字段中每個用戶從左邊<select>元素選擇時間和刪除/銷燬隱藏字段，當用戶點擊右側的<select>元素時。

我使用jquery命令$("<input type='hidden' value=selectedAddFootballPlayerId>");但是當我檢查了螢火蟲，我看不到任何隱藏的字段被創建。爲了清除隱藏的領域，我真的不知道。

請幫幫我。提前致謝。

Answer 1

我覺得定義或選擇要顯示你的新項目，當你感到困惑。這種嘗試（我用的文本輸入）：

http://jsfiddle.net/Lzw4e/6/

Answer 2

你必須要追加領域：

$("<input type='hidden' value=selectedAddFootballPlayerId>").appendTo('#someSelector'); 

Answer 3

爲此，您可以使用.append()。

$("body").append("<input type='hidden' value=selectedAddFootballPlayerId>"); 

對於拆卸，請使用.remove()。

$("input[type='hidden']").remove(); 

使用我的示例時要小心，因爲它會刪除所有隱藏的表單元素。如果你想要更多的精確預測，你可以給隱藏的輸入賦值id，然後在第二個例子中將它作爲選擇器。

Answer 4

創建 -

var $ip = $('<input>').attr({ 
    type: 'hidden', 
    id: 'yourid', 
    name: 'yourname', 
    value: 'yourvalue' 
}) 
$(ip).appendTo('body'); 

然後刪除 -

$ip.remove(); 

Answer 5

工作版本

http://jsfiddle.net/Lzw4e/7/

變化

$("<input type='hidden' value=selectedAddFootballPlayerId>"); 
to 
$('body').append("<input type='hidden' value=\""+selectedAddFootballPlayerId+"\">"); 

$('#listboxFootballPlayers').append(option); 
to 
$('#listboxFootballPlayers').append(option); 
$('input[type="hidden"][value="'+selectedRemoveFootballPlayerId+'"]').remove();