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

How to create and remove an HTML hidden field using jQuery?

本文关键字：HTML 隐藏 字段 删除 何使用 jQuery 创建      更新时间：2023-09-26

首先，这里是我的代码，以便您可以测试它，看看什么是错误的:JSFiddle

我想创建一个新的隐藏字段，每次用户从左边的<select>元素选择，并删除/销毁隐藏字段，当用户点击右边的<select>元素。

我使用了jQuery命令$("<input type='hidden' value=selectedAddFootballPlayerId>");，但当我检查Firebug时，我看不到任何隐藏的字段被创建。为了移除隐藏力场我真的不知道。

您可以使用.append()。

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

请使用.remove()。

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

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

创建-

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

然后删除- 

$ip.remove();

我认为您在定义选择器或要在哪里显示新项目时感到困惑。试试这个(我使用文本输入):

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

您必须添加字段:

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

工作版本

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();

你可以试试:

<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);
相关文章：