【发布时间】:2016-10-04 10:45:08
【问题描述】:
我已经创建了带有选择选项的表单。根据选择,我显示和隐藏表单值,我不知道将其保存在数据库中。在我的代码中有选择选项,我再次显示表单字段。例如,如果我选择选项为 3,我将显示表单字段 3 次。
我想将数据存储在后端(数据库)中。如何存储数据库。
我的代码
$(document).ready(function() {
$('#hidden-div').hide();
$("#select_btn").change(function() {
toggleFields();
});
});
function toggleFields() {
var selectVal = $("#select_btn").val();
if (selectVal <= 5) {
$hiddenHtml = $('#hidden-div').clone().html();
$("#refer").html('');
for (var i = 0; i < selectVal; i++) {
$("#refer").append($hiddenHtml);
}
}
}
$( "form" ).submit(function( event ) {
console.log( $( this ).serializeArray() );
event.preventDefault();
});
<html>
<head>
<title> Demo </title>
<meta name="robots" content="noindex, nofollow" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form name="referer" method="post" action="">
<p>Name:
<input type="text" name="referer_name" />
</p>
<p>Mobile:
<input type="text" name="referer_mobile" />
</p>
<p>Email:
<input type="text" name="referer_email" />
</p>
<p>No of Referrer:
<select id="select_btn" >
<option value="0">--Select--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<div id="hidden-div">
<div id="text">Referral Details</div>
<p>Name:
<input type="text" name="name[]" />
</p>
<p>Mobile:
<input type="text" name="mobile[]" />
</p>
<p>Email:
<input type="text" name="email[]" />
</p>
</div>
<div id="refer">
</div>
<p align="center">
<input type="submit" value="Submit" />
</p>
</form>
【问题讨论】:
-
在传递值之前,任何表单组件都必须有一个名称 - 尝试为您的选择分配一个名称,然后以与其他表单组件相同的方法使用该名称
-
什么数据库? MySQL、MSSQL、django、访问?在我看来,您甚至不知道您需要建立自己的数据库。在任何人可以帮助您之前,需要更多的学习。 tutorialspoint.com/mysql
-
@ChrisJ 他的表单中没有
action。他甚至没有数据库(我猜) -
是的,但表单不一定要有动作,技术上可以稍后在 JS 中分配(虽然现在不存在)。它已被标记为 mysql,因此假设这将是上下文,尽管您在说什么。
-
仅限mysql。我已经创建了数据库和表......我不知道如何存储表单值
标签: php html mysql database forms