Как заменить стандартную текстовую область на «вставляемые» текстовые поля?

Question

Я бы хотел иметь возможность заменить стандартный ввод HTML <TEXTAREA> вставляемым вводом текста <INPUT>. Под вставкой я подразумеваю наличие двух входов формы TEXT (имя, роль) и кнопку «Добавить» после нее, чтобы добавить новое имя / роль после этой, если это необходимо.

В идеале, я бы имел «роль» во вводе HTML <SELECT> (взятом из моей базы данных), но я сейчас не спрашиваю об этом:)

Также (опять же в идеале) я хотел бы иметь возможность считывать эти значения и анализировать их, чтобы они выглядели так же, как при вводе, то есть с текстовыми полями и раскрывающимися списками.

Моя база данных хранит все это в одном текстовом MySql, который я сейчас должен ввести вручную в формате:

name - role ; name2 - role2 ; name3 - role3 

и мой скрипт (который создает XML из этого) разбивает «имя» на два узла, разнесенных на «пробел-тире» и разделяет каждый узел, когда он читает точку с запятой.

Отредактировано, чтобы показать, что моя главная проблема - как заменить простой HTML <textarea> одним или несколькими полями <INPUT> и сериализовать их, чтобы они могли быть сохранены в моей текстовой записи MySQL.

Answer 1

Вот мое решение: использовать jQuery replaceWith, заменив тег TEXTAREA набором <INPUT TYPE=TEXT name=myVar[]>, чтобы они хранились в массиве, и взорвав / взорвав значения так, как они мне нужны.

Answer 2

Вы можете сохранить данные в виде сериализованного php или JSON-кодированной строки.Таким образом, вы можете сохранить структуру объекта в поле TEXT.

Надеюсь, это поможет.