【发布时间】：2015-06-22 14:39:54
【问题描述】：
我的页面中有一个表格，我正在使用 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
});
});
【问题讨论】：