jQuery将隐藏的输入类型更改为textarea

我有一个隐藏的领域.在下降事件之后,它需要转换为’textarea’.

这个：

excerpt = $(parent).find('#excerpt').attr('type','textarea');
      excerpt.val('textarea');

产生了

property cannot be changed

错误

这个方法：
Change element type from hidden to input

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

没有使用’textarea’,但仅适用于’text’.添加：

.val('HERE')

致：

$('#myInput').detach().attr('type','textarea').val('HERE').insertAfter(marker);

line确实会导致文本框的值发生变化,因此选择器正在工作且< span>正在插入和删除元素.

这是一个不可逾越的安全问题吗？或者有办法吗？

解决方法

因为textarea是一个完全不同的输入元素,所以更容易简单地创建一个新的textarea并删除输入.尝试这个：

$input = $("#myHiddenInput")
$textarea = $("<textarea></textarea>").attr({
    id: $input.prop('id'),name: $input.prop('name'),value: $input.val()
});
$input.after($textarea).remove();