如何使 INPUT 字段在 Bootstrap4/jQuery webapp 中动态更改为 TEXTAREA？ [复制]

Question

如何使 INPUT 字段在浏览器中根据某些条件（例如其中的文本量）动态地将其自身更改为 TEXTAREA，而不需要任何额外的逻辑服务器端？

我还没有尝试过任何事情，因为我不想重新发明轮子。我搜索了SO，一无所获。我正在寻找类似的东西：

$('#myinputfield').automatically_morph_input_type_based_on_contents();

Answer 1

我怀疑你会发现任何已经预建的东西。

您应该考虑的一个简单问题是，您是否真的需要输入或文本区域。如果您仍然认为需要在两者之间切换，那么您只需动态创建两者。

首先移除旧元素，创建新元素，使用旧元素中的value、id、name等属性。对下一次更改应用相同的过程。