Javascript 如何使用AJAX或PHP在数据库中存储添加更多文本框的数据
我使用Jquery/JavaScript创建了一个动态文本框。用户可以点击添加更多按钮JavaScript将添加另一个输入框,用户可以在其中输入一些数据 问题:-JavaScript工作正常,但我无法了解如何在数据库中存储这些数据。我需要php或Ajax的帮助,以便将这些用户数据传递到数据库。下面是我想要传递的参数 ID酒店 取消ID 动态用户数据++1 下面是我的代码 JavaScript:-Javascript 如何使用AJAX或PHP在数据库中存储添加更多文本框的数据,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,我使用Jquery/JavaScript创建了一个动态文本框。用户可以点击添加更多按钮JavaScript将添加另一个输入框,用户可以在其中输入一些数据 问题:-JavaScript工作正常,但我无法了解如何在数据库中存储这些数据。我需要php或Ajax的帮助,以便将这些用户数据传递到数据库。下面是我想要传递的参数 ID酒店 取消ID 动态用户数据++1 下面是我的代码 JavaScript:- <script type="text/javascript"> $(d
<script type="text/javascript">
$(document).ready(function() {
$('#btnAdd').click(function() {
var num = $('.clonedInput').length;
var newNum = new Number(num + 1);
var newElem = $('#input' + num).clone().attr('id', 'input' + newNum);
<!-- newElem.children(':first').attr('id', 'from' + newNum).attr('name', 'from' + newNum); -->
$('#from1').attr('id', 'from' + newNum).attr('name', 'from' + newNum);
$('#to1').attr('id', 'to' + newNum).attr('name', 'to' + newNum);
$('#rate1').attr('id', 'rate' + newNum).attr('name', 'rate' + newNum);
$('#input' + num).after(newElem);
$('#btnDel').attr('disabled','');
});
$('#btnDel').click(function() {
var num = $('.clonedInput').length;
$('#input' + num).remove();
$('#btnAdd').attr('disabled','');
if (num-1 == 1)
$('#btnDel').attr('disabled','disabled');
});
$('#btnDel').attr('disabled','disabled');
});
$(document).ready(function() {
$('#sub').click(function() {
var from1=$("#from1").val();
var to1=$("#to1").val();
var rate1=$("#rate1").val();
var from2=$("#from2").val();
var to2=$("#to2").val();
var rate2=$("#rate2").val();
var num = $('.clonedInput').length; //number of times clicked
$( "p" ).html( "<b>Single:</b> " + from1+ to1+rate1+ from2+ to2+rate2);
$( "p" ).html("number"+num);
})
});
</script>
HTML代码:-
<form id="myForm">
<tr id="input1" style="margin-bottom:4px;" class="clonedInput">
<td> <input type="text" name="hotel_id" id="1" /></td>
<td> <input type="text" name="from1" id="from1" /></td>
<td> <input type="text" name="to1" id="to1" /></td>
<td> <input type="text" name="rate1" id="rate1" /></td>
<td><input type="button" id="btnDel" value="remove name" /></td>
</tr>
<tr>
<td> </td>
</tr>
<div>
<tr><td></td><td></td>
<td> <input type="button" id="btnAdd" value="add another name" /> <input type="button" id="sub" value="submit" /></td>
</tr>
</div>
</form>
请帮我做这个…我要做的是
首先将所有自定义输入命名为相同的名称,如custom1,然后让javascript将最后一个数字每次增加一个,如custom2、custom3等等
然后,我会在我的php脚本中做一个循环,检查custom1上是否为空,然后每次都增加这个数字,如果其中一个为空,则表示您已到达末尾,这意味着您可以退出循环。然后你就有了所有的值,你可以在任何你想插入的地方插入
我将尝试在下面向您展示一些示例代码
for ($x=1; $x=0; $x++) {
if (!empty($_POST["custom".$x]) {
//The user have this custom field, and type something in it.
} else {
//This is the end of the custom fields.
$x=0;
}
}
您可以在数组中获取所有输入,也就是说,您可以在html中指定name=from[],等等。您似乎不是在使用js创建一个文本字段,而是在创建一整行,其中包含四个输入文本hotel_id、from、to、rate。不是吗?我想你没有正确理解我的问题。我在这里面临的问题是,我已经在var from1、to1等中捕获了javascript变量,现在我想将这些变量转换为php变量,以便将其保存到数据库中。我做不到。请重新考虑我的问题。非常感谢。是的,然后你可以使用它,当它进入if语句时,你知道post不是空的,你可以给它分配一个var,甚至从那里插入数据库。