如何用“可插入”文本字段替换标准文本区域？答案

【问题标题】：How can I replace a standard textarea with "insertable" text fields?如何用“可插入”文本字段替换标准文本区域？
【发布时间】：2023-03-28 16:13:01
【问题描述】：

我希望能够将标准 HTML <TEXTAREA> 输入替换为可插入的 <INPUT> 文本输入。通过可插入，我的意思是有两个 TEXT 表单输入（名称、角色）和一个“添加”按钮，如果需要，可以在此之后添加一个新名称/角色。

理想情况下，我会在 HTML <SELECT> 输入（从我的数据库中提取）中拥有“角色”，但我现在并没有真正询问这个问题 :)

另外（再次理想地）我希望能够读取这些值并解析它们以使其看起来与输入时相同，即使用文本字段和下拉菜单。

我的数据库将所有这些存储在一个 MySql '文本'中，现在我必须手动输入格式：

name - role ; name2 - role2 ; name3 - role3

我的脚本（由此创建 XML）将“名称”分解为两个节点，由“空格-破折号-空格”分解，并在读取分号时分隔每个节点。

编辑显示我的主要问题是如何用一个或多个 <INPUT> 字段替换纯 HTML <textarea> 并将它们序列化，以便它们可以存储在我的 MySQL 文本记录中。

【问题讨论】：

【解决方案1】：

您可以将数据保存为serialized php 或JSON encoded 字符串。这样，您可以将对象结构保留在 TEXT 字段中。

希望对您有所帮助。

【讨论】：

【解决方案2】：

这是我的解决方案：使用 jQuery 的 replaceWith，用一堆 <INPUT TYPE=TEXT name=myVar[]> 替换 TEXTAREA 的标签，以便将它们存储在一个数组中，并根据我的需要分解/分解这些值。

【讨论】：