你好开发人员我正在使用 java 脚本函数动态创建 2 个文本框和 1 个选择框...现在我想将创建的 (n) 个字段的值发布到数据库(相关表)中
因为我正在使用 codeigniter，所以我发布了脚本和代码
这是我正在使用的简单java脚本
<script>
var counter=1;
function generateRow() {
var count="<font color='red'>"+counter+"</font>";
var temp ="<p> <div class='_25'><input type='textbox' id='textbox' name='stop"+counter+"' placeholder='Stop Name'></input></div> <div class='_25'><input type='textbox' id='textbox' name='timing"+counter+"' placeholder='Timing'></input></div> <div class='_25'><select id='ampm"+counter+"' name='ampm"+counter+"'><option>a.m</option><option>p.m</option></select> </div>";
var newdiv = document.createElement('div');
newdiv.innerHTML = temp + count;
var yourDiv = document.getElementById('div');
yourDiv.appendChild(newdiv);
counter++;
}
</script>
这是我对 php 文件的划分
<div id="div">
</div>
<p> </p>
<div class="_25">
<p>
<input type="button" name="button" class="button red" id="button" value="Add" onclick="generateRow() "/></a>
</p>
</div>
<input type='button' value='Remove Button' id='removeButton'>
这是我的相关表字段
route_number stop_name am_pm timing
我最喜欢的方法是尽可能多地使用 DOM。除非绝对必要，否则不要使用计数器(它们只是错误的来源)。这是一个简单的例子:
Html/JS/jQuery(可能会有所不同，我精心设计是为了使其易于理解):
<form method="POST" id="theForm">
<div id="fields">
<input type="text" name="fields[]"/>
</div>
<input type="button" id="addField" value="Add Field"/>
</form>
<script type="text/javascript">
$(document).ready(function() {
$('#addField').click(function() {
$('#fields').append(
$('<input type="text" name="fields[]"/>')
);
})
});
</script>
请注意我不需要使用任何类型的计数变量。就像 PHP 一样，您可以使用 [] 创建一个 POST 变量数组而不指定索引。服务器(或浏览器？我不确定)将为您构建数组。 <input /> 的顺序字段在页面上呈现的顺序将是它们通过 $_POST 提供给您的 PHP 的顺序.这段代码...
foreach ($_POST['fields'] as $fieldIndex => $fieldValue) {
doStuff($fieldValue);
}
... 将按照添加的顺序处理每个字段。您甚至可以使用 JavaScript 重新排序或删除输入，这将反射(reflect)在 $_POST 中。 .这种方法与 JSON 编码相结合，可以快速轻松地处理多输入、自由格式的字段。
更新:
将上述代码应用到您的用例中需要添加一些可能并不明显的小内容。您需要为三个输入(停止、计时和放大器)中的每一个创建一个数组，如下所示:
<form method="POST" id="theForm">
<div id="fields">
<input type="text" name="fields[stop][]"/>
<input type="text" name="fields[timing][]"/>
<select name="fields[ampm][]">
<option value="am">AM</option>
<option value="pm">PM</option>
</select>
<br/>
</div>
<input type="button" id="addField" value="Add Field"/>
</form>
<script type="text/javascript">
$(document).ready(function() {
$('#addField').click(function() {
$('#fields').append(
$('<input type="text" name="fields[stop][]"/>'),
$('<input type="text" name="fields[timing][]"/>'),
$('<select name="fields[ampm][]"><option value="am">AM</option><option value="pm">PM</option></select>'),
$('<br/>')
);
})
});
</script>
使用一些测试数据填写此表单会产生以下数组:
[fields] => Array
(
[stop] => Array
(
[0] => aaa
[1] => bbb
)
[timing] => Array
(
[0] => 1111
[1] => 2222
)
[ampm] => Array
(
[0] => am
[1] => pm
)
)
要在 PHP 中处理它需要一个简单的老式循环:
$numFields = count($_POST['fields']['stop']);
for ($i = 0; $i < $numFields; $i++) {
// Pack the field up in an array for ease-of-use.
$field = array(
'stop' => $_POST['fields']['stop'][$i],
'timing' => $_POST['fields']['timing'][$i],
'ampm' => $_POST['fields']['ampm'][$i]
);
saveToDatabase($field);
}
不幸的是，我现在没有时间来确保所有这些都是正确的。它应该是，如果不是它可能仍然有帮助:)。我会在几个小时后回来查看。