当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《jQuery:将元素类型从隐藏更改为输入》经验,为你挑选了4个好方法。

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



1> Ian Mackinno..:

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

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


这是一种享受.我不知道detach(),不错.

2> Aram Versteg..:

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



3> meouw..:

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


虽然这大部分都是正确的,但Ian Mackinnon在下面发布了一个对我有用的解决方案.从jQuery 1.4开始,您可以更改分离的输入类型_if_.

4> artlung..:

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

$("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 = '';
  $(this).after(html).remove(); // add new, then remove original input
});

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

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

推荐阅读
360691894_8a5c48
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有