javascript - 从附加脚本插入数据

标签 javascript php

我有一个问题。 这是我的 php 和 HTML:

<?php
          if ($_POST['btn_tambah'] == 'tambah') {

          $sub_lapangan = $_POST['sub_lapangan'];
          $SQL = "SELECT AUTO_INCREMENT as IDLapangan FROM information_schema.tables WHERE TABLE_SCHEMA = 'ta' AND TABLE_NAME = 'lapangan';";
          $res = mysql_query($SQL, $link);
          $row = mysql_fetch_object($res);
          $tambah1 = mysql_query("INSERT INTO sub_lapangan(nama,status,id_lapangan) VALUES('".$sub_lapangan."',1,$row->IDLapangan);");
    }
?>

<HTML><BODY>
 <div class="row">
       <div class="form-group" id="sub_lapangan">
          <div class="col-lg-3"><label>Nama Sub-Lapangan :</label></div>
          <div class="col-lg-2">
             <input type="text" name="sub_lapangan" class="form-control"  required>
          </div>
          <div class="col-lg-1">
           <a onclick="tambahSubBaru()" class ="btn btn-info"> <i class="fa fa-plus"></i></a>
          </div>
       </div>
 </div>
 <div id="sembunyisub">
 </div>
</BODY></HTML>

这是我的脚本:

 var count = 0;
        function tambahSubBaru() {
            count += 1;
            if (count > 15) {
                alert("Maksimal Untuk Tambah Sub Lapangan adalah 15 Sub Lapangan");
            }
            else {
                $('#sembunyisub').append(
                '<div class="row" id="barisbarusub' + count + '">'
                    + '<div class="form-group">'
                    + '<div class="col-lg-3">'
                    + '</div>'
                    + '<div class="col-lg-2">'
                    + '<input id="subku' + count + '" type="text" class="form-control" name="sub_lapangan" required>'
                    + '</div>'
                    + '<div class="col-lg-1">'
                    + '<a class ="btn btn-warning" onclick="hapusSub(' + count + ')"> <i class="fa fa-trash"></i></a>'
                    + '</div>'
                    + '</div>'
                    + '</div>'
            );
            }
        }

        function hapusSub(row) {
            $('#barisbarusub' + row).remove();
        }

这是图片:

enter image description here enter image description here

所以情况是,当我单击“加号”按钮时,它将显示第二个文本框。我想将它们插入数据库。但是当我尝试插入时,第二个文本框成功插入数据库中。但第一个文本框不会插入数据库。 如何插入第一个文本框? 为了显示第二个文本框,我在 JavaScript 中使用 .append 。 请帮帮我。我很欣赏这个答案。非常感谢。 :)

最佳答案

您必须在 PHP 中循环遍历您的字段。因此,您必须创建一个名称后带有 [] 的数组输入元素。

HTML:

<input type="text" name="sub_lapangan[]" class="form-control"  required> <!-- Add [] to your field name for creating an Array-->

JS:

+ '<input id="subku' + count + '" type="text" class="form-control" name="sub_lapangan[]" required>' //The same in you dynamic input field

PHP:循环遍历字段(数组)

if ($_POST['btn_tambah'] == 'tambah') {    
  $sub_lapangan = $_POST['sub_lapangan'];
  $SQL = "SELECT AUTO_INCREMENT as IDLapangan FROM information_schema.tables WHERE TABLE_SCHEMA = 'ta' AND TABLE_NAME = 'lapangan';";
  $res = mysql_query($SQL, $link);
  $row = mysql_fetch_object($res);

  $fields = $_POST['sub_lapangan']; //Your Array
  foreach($fields as $field => $value) { 
    $tambah1 = mysql_query("INSERT INTO sub_lapangan(nama,status,id_lapangan) VALUES('".$value."',1,$row->IDLapangan);");
  }
}

关于javascript - 从附加脚本插入数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36333788/

相关文章:

javascript - 选择多种表单中的表单数据

java - 允许用户使用 Javascript API 下载由 Java applet 生成的文件

javascript - 在 Jasmine 中,array.includes 不起作用(必须用其他函数代替)。为什么?

javascript - 加载完成后删除 renderTemplate ember 路由中的模板

php - Mysql-PHP如何将长字符串行分成不同的列?

php - PHP 中的 "Virtual()"函数是什么?

javascript - JSON.stringify 和 "\u2028\u2029"检查?

javascript - React & Progressbar.js : Custom shaped progress circle

php - 使用 javascript 从 xml 文件加载一系列随机图像

php - 使用 PHP 更改 MySQL 日期的格式