gpt4 book ai didi

javascript - 从 JavaScript 表单保存数据

转载 作者:行者123 更新时间:2023-11-28 05:05:14 25 4
gpt4 key购买 nike

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

这是我的代码:

<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>

当我单击按钮时,会显示一个新字段。所以它看起来像: Image

最佳答案

可能不是一个有效的方法,但这是我可以在短时间内写出的内容

<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>

在这种方法中,您可以简单地附加输入值,然后获取其中的所有值。用逗号连接所有值,然后转储到任何单列中(将节省大量其他工作,您只需要一列来存储所有值)。

现在,要以相同的格式显示这些值,您可以做的就是从数据库中获取字段值,拆分它们并为各个值添加输入字段。 (您可以循环执行,我将向您展示一个演示)。

--------------------------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 - 从 JavaScript 表单保存数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41804376/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com