javascript - 如何使 INPUT 字段在 Bootstrap4/jQuery webapp 中动态更改为 TEXTAREA？

Question

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

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

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

标签： javascriptjqueryhtmlbootstrap-4

Answer 1

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

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

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