Question

我有动态创建的文本框，单选按钮，复选框的代码。我的问题是如何将动态创建的文本框复选框，单选按钮保存到MYSQL数据库中。

<div class="maindiv">
<div id="header"></div>
<div class="menu">
<button id="namebutton"><img src="images/name-img.png">Name</button>
<button id="emailbutton"><img src="images/email.png">Email</button>
<button id="addressbutton"><img src="images/contact-img.png">Address</button>
<button id="checkboxbutton"><img src="images/check-img.png">CheckBox</button>
<button id="radioaddbutton"><img src="images/radio-img.png">Radio</button>
<button id="reset">Reset</button>
</div>
<div class="InputsWrapper1">
<div id="yourhead">
<div id="your">
<h2 id="yourtitle">Your Form Title<img src="images/edit-form.png"></h2>
<h4 id="justclickid">Just Click on Fields on left to start building your form. It's fast, easy & fun.</h4>
</div>
</div>
<div id="InputsWrapper"></div>
</div>
</div>

这是我的代码link的链接....并且它对我来说很好，但不能在jsfiddle上面工作链接

Answer 1

我建议将表单的内容序列化为字符串，然后将该字符串存储在名为form_data的字段中。

为此，您需要确保要保存的所有元素都嵌套在<form>标记中。完成后，您可以在表单元素上调用.serialize()函数。

来自the documentation：

.serialize()方法以标准URL编码方式创建文本字符串   符号。它可以作用于已选择个体的jQuery对象   表单控件，例如<input>，<textarea>和<select>：   $( "input, textarea, select" ).serialize();

然而，通常更容易选择<form>本身   序列

var form_string = $("#my_dynamic_form").serialize();

此序列化将为您提供以下格式的字符串：

single=Single&multiple=Multiple&multiple=Multiple3&check=check2&radio=radio2

如您所见，此字符串可以轻松地保存到单个列中的数据库中。要解码PHP中的值（例如），可以使用parse_url() function：

$form_string  = "single=Single&multiple=Multiple...";
parse_str($form_string, $form_data);

$form_data现在将包含以下数据：

Array ( 
  [single] => "Single" 
  [multiple] => "Multiple"
  ...
)

如何将动态创建的文本框值存储到db

1 个答案: