在javascript中重复行
Repeating rows in javascript
本文关键字:javascript 更新时间:2023-09-26
我想用新名称重复行(见此链接)。
这是代码:
<script type="text/JavaScript">
function addRow(r){
var root = r.parentNode;//the root
var allRows = root.getElementsByTagName('tr');//the rows' collection
var cRow = allRows[0].cloneNode(true)//the clone of the 1st row
var cInp = cRow.getElementsByTagName('tr');//the inputs' collection of the 1st row
for(var i=0;i<cInp.length;i++){//changes the inputs' names (indexes the names)
cInp[i].setAttribute('name',cInp[1].getAttribute('name')+'_'+(allRows.length+1))
}
var cSel = cRow.getElementsByTagName('select')[0];
cSel.setAttribute('name',cSel.getAttribute('name')+'_'+(allRows.length+1));//change the selecet's name
root.appendChild(cRow);//appends the cloned row as a new row
}
<?php
if(isset($_GET['submit'])){
echo '<pre>';
print_r($_GET);
echo '</pre>';
}
?>
<form method="get" action="">
<table width="800" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="100">
<select name="cars">
<OPTION label="3.7.1" value="pm3_3.7.1">Camry</OPTION>
<OPTION label="3.7" value="pm3_3.7">BMW</OPTION>
</select>
</td>
<td width="100">
<select name="from" >
<option>1 </option>
<option>2 </option>
<option>3 </option>
<option>4 </option>
<option>5 </option>
<option>6 </option>
<option>7 </option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</td>
<td width="12%">
<select name="to">
<option>1 </option>
<option>2 </option>
<option>3 </option>
<option>4 </option>
<option>5 </option>
<option>6 </option>
<option>7 </option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</td>
<td width="15%">
<input name="model" type="text" value="" >
</td>
<td width="15%">
<input type="text" value="" name="price">
</td>
<td width="%10">
<input type="text" value="" name="note">
</td>
<td width="%10">
<input name="add" type="button" value=" add " onclick="addRow(this.parentNode.parentNode)">
<input name="remove" type="button" value=" remove " onclick="">
</td>
</tr>
</table><br /><br />
<input name="submit" type="submit" value="Submit" />
</form>
结果是
Array
(
[cars] => pm3_3.7
[from] => 1
[to] => 4
[model] => asdf
[price] => asdf
[note] => ewr
[cars_2] => pm3_3.7.1
[cars_3] => pm3_3.7
[cars_4] => pm3_3.7.1
[submit] => Submit
)
我想要这样的结果:
price_1, price_2, price_3…等
Note_1, note_2, note_3
我该怎么做?
在对象名称前使用[]
,如cars[]
, model[]
, price[]
等
所以结果将是类似的,例如cars
数组:
Array
(
[0] => pm3_3.7
[1] => pm3_3.7
[2] => pm3_3.7
)
等等……然后循环遍历它们
我认为你应该把这里的"1"换成" I ":
cInp[i].setAttribute('name',cInp[1].getAttribute('name')+'_'+(allRows.length+1))
就是
cInp[i].setAttribute('name', cInp[i].getAttribute('name') + '_' + (allRows.length + 1));
相关文章:
- 为什么不't Javascript对我的输入值进行了一些重新检查
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 将函数的上下文应用于javascript变量
- 使用php或javascript从facebook相册URL中删除多余的部分
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 如何在JavaScript中将字符串转换为函数引用
- 模糊事件的Javascript测试
- Javascript更改图标
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- 如何使用WCF服务和javascript表单post上传.doc文件
- javascript结合了数组和字典
- 这是什么 ==- javascript 运算符
- 从javascript创建一个列表
- 无法在通过jQuery的ajax加载的页面中执行javascript
- Javascript:selenium Web驱动程序isDisplayed()不工作
- 如何通过ajax刷新JSF填充的javascript变量
- 如何在Javascript中将JSon对象转换为数组
- Javascript生成的表单未提交
- 使用javascript将动态表从一个html页面打印到另一个html页
- 通过javascript重定向html传递php变量