Question

***********编辑************

这是我的代码：

<script>
$(document).ready(function(){
$("#btn").click(function(){
$(".div2").append("<div class='tekst2'><div id='green'></div><textarea rows='8' cols='30' id='tekst' name='tekst' class='tekst'></textarea></div><br/>");
});
$("#btn2").click(function(){
$(".div3").append("<div class='tekst'><div id='red'></div><input class='nummer' id='nummer' type='text' name='nummer'></div><br/>");
});

var ele = new Array();
$("#btn1").click(function(){
$('.tekst').each(function(){
$('.nummer').each(function(){
ele.push($(this).val());

}); });
var send = ele.join(',')
request = $.ajax({
url: "form.php",
type: "post",
data: ele
//you can use this request object to know what's the status of your response
});
});

});
</script>

这是用于将数据设置到数据库的代码

 <?php
 require_once'config.php';
 $tekst      = $_GET['tekst'];

 $query = "INSERT INTO draaiboek (tekst) 
                    VALUES ('$tekst')";
 $result = mysqli_query($mysqli, $query);


 if($result) {

 } 
 else {

  }

只有我在数据库中获得空行。什么出错了？

**********结束编辑**************

我创建了一个网站来填写表单上的内容。我有两个按钮可以在屏幕上获得额外的表单字段。我想在某处使用完全相同的标记来保存数据。在mysql数据库中或本地。有谁知道你如何存储数据，以后可以用相同的格式再次读出？这是获取额外表单字段的代码：

$(function() {
    $('#btnAddtoList').click(function(){
        var newDiv = $('<div class="tekst2"><div id="green"></div><input class="formtijd" placeholder="Tijd" id="tijd" type="text" name="tijd"><textarea rows="6" cols="50" id="tekst" name="tekst" class="tekst"></textarea></div><br/>');
        //newDiv.style.background = "#000";
        $('body').append(newDiv);
    });
    $('#btnAddtoList2').click(function(){
        var newDiv = $('<div class="tekst"><div id="red"></div><input class="formtijd" placeholder="Tijd" id="tijd" type="text" name="tijd"><input class="formtekst" id="nummer" type="text" name="nummer"></div><br/>');
        //newDiv.style.background = "#000";
        $('body').append(newDiv);
    });
});

这是屏幕上显示的代码：

 <button id="btnAddtoList" class="btn btn-success">Nieuw tekst veld</button>
 <button id="btnAddtoList2" class="btn btn-danger">Nieuw nummer veld</button><br/><br/>

 <div id="tekst"></div>
 <div id="tekst2"></div>

当我点击按钮时，会显示一个新字段。所以它看起来像：

Answer 1

可能不是一个有效的，但这是我能在短时间内写的

<html>
 <head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
   $("#btn").click(function(){
    $("div").append("<input type='text' class='funfoo' placeholder='Fill me'/> <br/><br/>");
});
   var ele = new Array();
   $("#btn1").click(function(){
   $('.funfoo').each(function(){
   ele.push($(this).val());

   });
   var send = ele.join(',')
    request = $.ajax({
    url: "/form.php",
    type: "post",
    data: ele
   //you can use this request object to know what's the status of your response
});
});

});
</script>
 </head>
 <body>

    <button id="btn">Add fields</button>
    <button id="btn1">Submit fields</button>
    <div></div>
 </body>
 </html>

在这种方法中，您只需添加输入值，然后获取其中的所有值。使用逗号加入所有值，然后在任何单个列中转储（将节省大量其他工作，您只需要一列用于所有值）。

现在，您可以使用相同的格式显示这些值，只需从DB中获取字段值，拆分它们并为各个值添加输入字段。（你可以在循环中完成它我会给你演示一个演示）。

--------------------------your display page --------------

//this is a pseudo code
<?php
$val = query to get that value (comma separated)from db
$val2 = $val.split(',');
for($i =0; $i<val2.lenght; $i++)
{
<input class='' value='<?php echo $val2[i] ?>'/>
}
?>

希望这会对你有所帮助:)。

从javascript格式

1 个答案: