jQuery:将元素类型从隐藏更改为输入

Question

我有一个输入,它的类型设置为隐藏,我需要将其类型更改为文本.似乎无法弄清楚这一点,或者是否可以使用jQuery

Answer 1

使用jQuery 1.4,您可以在分离时更改输入的类型.

marker = $('<span />').insertBefore('#myInput');
$('#myInput').detach().attr('type', 'text').insertAfter(marker);
marker.remove();

Answer 2

我不确定这是否可行,所以我建议使用隐藏的div来包含输入元素,可以根据需要显示.文本输入字段即使隐藏数据仍然可以保存数据.

Answer 3

IE将不允许您出于安全原因更改表单元素的类型,因此我将使用Aram隐藏的div建议.

Answer 4

这是我将如何做到这一点:

$("input[type='hidden']").each(function(){
  var name = $(this).attr('name'); // grab name of original
  var value = $(this).attr('value'); // grab value of original
  /* create new visible input */
  var html = '<input type="text" name="'+name+'" value="'+value+'" />';
  $(this).after(html).remove(); // add new, then remove original input
});

如果你想过滤一些元素,在每个()之前调用filter(),如下所示:

$("input[type='hidden']").filter("[name='whatever']").each(function...