如何使用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();