在javascript代码中使用php插入数据库中的数据

时间:2018-04-11 03:55:37

标签: javascript php mysql

我真的需要灵感,如何使用下面的代码进行多次插入。问题是,来自数据库的数据不会以下一种形式显示。有没有人可以帮我在这里给我一些建议来解决我的问题?我非常感谢所有关注我的问题。以下是代码: 这里的细节



<html>
<head>
	<title>Multiple Insert</title>
	
	<!-- Load plugin jquery nya -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
</head>
<body>
	
	
	<form method="post" action="proses.php">
		<!-- Buat tombol untuk menabah form data -->
		<button type="button" id="btn-tambah-form">Tambah Data Form</button>
		<button type="button" id="btn-reset-form">Reset Form</button><br><br>
		
		<b>Data ke 1 :</b>
		<table>
			<tr>
				<td>Item</td>
				
				<td>
				<select name='barang[]' class='form-control'>
				<?php 
				include "include/koneksi.php";
				$sql = "select * from tbl_mst_barang";
				$query = mysqli_query($conn, $sql);
				while($data=mysqli_fetch_array($query))
				{
					echo "<option value=$data[id_barang]>$data[nama_barang]</option>";
				}
				
				?>
				</select>
				</td>
			</tr>
			<tr>
				<td>Qty</td>
				<td><input type="text" class="form-control" name="qty[]" required></td>
			</tr>
		
		</table>
		<br><br>

		<div id="insert-form"></div>
		
		<hr>
		<input type="submit" value="Simpan">
	</form>
	
	<!-- Kita buat textbox untuk menampung jumlah data form -->
	<input type="hidden" id="jumlah-form" value="1">
	
	<script>
	$(document).ready(function(){ // Ketika halaman sudah diload dan siap
		$("#btn-tambah-form").click(function(){ // Ketika tombol Tambah Data Form di klik
			var jumlah = parseInt($("#jumlah-form").val()); // Ambil jumlah data form pada textbox jumlah-form
			var nextform = jumlah + 1; // Tambah 1 untuk jumlah form nya
			<?php 
			
				
				include 'include/koneksi.php';
				$sql1 = 'select * from tbl_mst_barang'; 
				$query1 = mysqli_query($conn, $sql1);
				while ($data1=mysqli_fetch_array($query1))
				
					//echo '<option value=$data[id_barang]>$data[nama_barang]</option>';
				
				
				?>
			// Kita akan menambahkan form dengan menggunakan append
			// pada sebuah tag div yg kita beri id insert-form
			$("#insert-form").append("<b>Data ke " + nextform + " :</b>" +
				"<table>" +
				"<tr>" +
				"<td>Item</td>" +
				"<td><select name='barang[]' class='form-control'><option value='<?php  echo $data1['id_barang'];?>'><?php echo $data1['nama_barang']; ?></option></select></td>" +
				"</tr>" +
				"<tr>" +
				"<td>Qty</td>" +
				"<td><input type='text' class='form-control' name='qty[]' required></td>" +
				"</tr>" +
				"</table>" +
				"<br><br>");
			
			$("#jumlah-form").val(nextform); // Ubah value textbox jumlah-form dengan variabel nextform
		});
		
		// Buat fungsi untuk mereset form ke semula
		$("#btn-reset-form").click(function(){
			$("#insert-form").html(""); // Kita kosongkan isi dari div insert-form
			$("#jumlah-form").val("1"); // Ubah kembali value jumlah form menjadi 1
		});
	});
	</script>
</body>
</html>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

以下是如何根据结果设置会话的示例。现在您的会话将转到下一页。 会话从页面开头开始,以开始会话。

    <?php
    session_start();

然后你就像这样设置会议

    while($data=mysqli_fetch_array($query)){
    $_SESSION['id_barang'] = $data[id_barang];
    $_SESSION['nama_barang'] = $data[nama_barang];                  
    echo "<option value=\"".$_SESSION['id_barang']>$_SESSION['nama_barang']."></option>";
    }

然后您可以像这样打电话给他们检查

   echo $_SESSION['id_barang'];
   echo $_SESSION['nama_barang'];

这是有关会话如何工作的更多信息的链接。 http://php.net/manual/en/book.session.php