【问题标题】:How to create and store the form value in database如何在数据库中创建和存储表单值
【发布时间】: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


【解决方案1】:

<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 id ="refer-form" name="refer-form" action="validate.php"  method="post" >
 
  <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">Referrer</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>
<script type="text/javascript">
$(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();
});*/

</script>


</head>
  <?php
for($i = 0; $i < count($name); ++$i) {
$link = mysqli_connect("localhost", "root", "", "test");
if($link === false){
	    die("ERROR: Could not connect. " . mysqli_connect_error());
	}
	// Attempt insert query execution
	$sql = "INSERT INTO test1 (name,email,mobile) VALUES ('$name[0]','$email[$i]', '$mobile[$i]')";
	echo "$sql";
	if(mysqli_query($link, $sql)){
	    echo "Records added successfully.";
	} else{
	    echo "ERROR: Could not able to execute $sql. " . mysqli_error($link);
	} 

	// Close connection
	mysqli_close($link);
	}
?>

这里我附上工作代码供任何人参考

【讨论】:

  • 如何根据选择存储值。如果选项为 2,我将显示两次表单字段。如何通过它
  • 首先阅读上面的扭结我必须发布它。然后 TRYYYYY 认真地问你的疑惑。该链接提供所有内容
  • 我创建数据库连接...如何在表中插入数组值
  • print_r($_POST[name]); $count = count($_POST[name]); print_r($count); for($i=0; $i
猜你喜欢
  • 1970-01-01
  • 2013-08-04
  • 2021-09-05
  • 1970-01-01
  • 2015-01-20
  • 1970-01-01
  • 2011-06-24
  • 2012-04-01
  • 1970-01-01
相关资源
最近更新 更多