У меня есть таблица на моей странице, и я использую mysql. Проблема в том, что я хотел динамически добавить к нему новое поле. Опция добавляет имя столбца, а затем значения. После добавления полей столбца он должен запросить добавленный столбец для входных данных. Я думаю об изменении имен столбцов после получения имен столбцов от пользователя. Является ли это возможным. который может быть эффективным способом решения этой проблемы.
Для ясности... проблема в том,
У меня есть 3 столбца (в моей таблице MYSQL всего 6), скажем, COL1, COL2, COL3. Когда я запрашиваю ввод, это выглядит так:
COL1: ___________________
COL2: ___________________
COL3: ___________________
Do you want more fields : y/N
Если ДА, то я хочу добавить для них COL4, COL5, COL6 с максимум 3. (я добавил 6 столбцов в таблицу с 3 столбцами со значениями NULL для дополнительного использования) ТАКЖЕ, я должен разрешить пользователю выбирать имя КОЛОННЫ. Более понятным способом, если выбрано «y», появляется всплывающее окно с двумя полями — одно для имени столбца и соответствующих данных.
_________________ : ________________
. После этого имя столбца должно отображаться напрямую и запрашивать только данные.
COL1: ___________________
COL2: ___________________
COL3: ___________________
theCOLUMNNAME : ___________________
Do you want more fields : y/N
РЕДАКТИРОВАТЬ
Я использовал jQuery для динамического добавления записей в поля следующим образом:
$(document).on('click', '.add_button', function(){
var addButton = $('.add_button'); //Add button selector
var wrapper = $('.field_wrapper'); //Input field wrapper
var fieldHTML = '<div><input type="text" name="field_name[]" value=""/> <input type="text" name="field_name[]" value=""/><a href="javascript:void(0);" class="remove_button" title="Remove field"><img src="images/remove-icon.png"/></a></div>'; //New input field html
if(x < maxField){ //Check maximum number of input fields
x++; //Increment field counter
$(wrapper).append(fieldHTML); // Add field html
}
$(wrapper).on('click', '.remove_button', function(e){ //Once remove button is clicked
e.preventDefault();
$(this).parent('div').remove(); //Remove field html
x--; //Decrement field counter
});
});