jQuery 将输入类型=文本更改为文本区域

Question

我有一个隐藏字段。在放置事件之后，它需要转换为“文本区域”。

这：

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

产生

属性无法更改

错误

此方法： 将元素类型从隐藏更改为输入

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

行确实会导致文本框的值发生变化，因此选择器正在工作并且正在插入 元素和正确删除。

这是一个无法克服的安全问题吗？或者有办法做到吗？

Answer 1

由于 textarea 与 input 是完全不同的元素，因此更容易创建一个新的 textarea 并删除 input 。试试这个：

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

Answer 2

您始终可以删除要更改的元素并添加新元素...

Answer 3

您面临的问题是 TextArea 是一个元素而不是属性。

您应该删除以前的元素并替换为同名的新文本区域：

 var myoldInput = $('#myInput');  
 var value = myoldInput.val();
 $("<textarea id='myInput'></textarea>").before(myoldInput).val(value);
 myoldInput.remove();

Answer 4

$("<textarea>value</textarea").insertAfter($(parent).find('#excerpt'));
$(parent).find('input#excerpt').remove()