如何使用 jQuery 创建和删除 HTML 隐藏字段？

Question

首先这是我的代码，以便您可以测试它以查看问题所在： JSFiddle

我想在每次用户从左侧 元素中选择时创建一个新的隐藏字段，并在用户单击右侧时删除/销毁隐藏字段 元素。

我使用了 jQuery 命令 $(""); 但当我检查 Firebug 时，我看不到任何正在创建的隐藏字段。对于删除隐藏字段我真的不知道。

Answer 1

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

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

要删除，请使用 .remove()。

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

使用我的示例时要小心，因为它将删除所有隐藏的表单元素。如果您想要更精确，您可以为隐藏输入分配一个 id 值，然后在第二个示例中将其调用为选择器。

Answer 2

创建 -

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

然后删除 -

$ip.remove();

Answer 3

我认为您在定义选择器或要在何处显示新项目时感到困惑。试试这个（我使用文本输入）：

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

Answer 4

您必须附加该字段：

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

Answer 5

工作版本

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

更改

1

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

2

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

Answer 6

你可以试试这个：

<input type="hidden" name="image" id="input-image{{ image_row }}" />

inputt= "<input type="hidden" name="product_image' value="abcd">"

$("#input-image"+row).remove().append(inputt);