动态添加INPUT,获取值的问题

sinat_33928302 2016-02-26 12:31:27
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">

<form action="php.php" method="post" target="_blank">
<table id="tb1" border="0">

<tbody id="tb">
<tr id="1st">
<td width="150px"><input name="firstName" value="" /></td>
<td width="150px"><input name="lastName" value="" ></td>
<!-- 这里的两个input输入域和连接的 必须放置在一行,否则表格主体的第一行的两个按钮之间多一个空格-->
<td width="130px"><input type="button" value="Add" onclick="add()"> <input type="button" value="Del" onclick="del(this)"></td>
</tr>
</tbody>
</table>


<input type="submit" name="Submit" value="提交">

</form>

<script>
function add() {
// 创建table 行标签tr
var trObj = document.createElement("tr");
// 设置行内容
trObj.innerHTML = "<td width='150px'><input name='firstName'/></td><td width='150px'>"
+ "<input name='lastName'/></td><td width='130px'><input type='button' value='Add' onclick='add()'> "
+ "<input type='button' value='Del' onclick='del(this)'></td>";
// 将行内容添加到表格中
document.getElementById("tb").appendChild(trObj);
}

function del(obj) {
// 直接删除当前对象的父节点的父节点
document.getElementById("tb").removeChild(obj.parentNode.parentNode);
}

function compareTRs(oTR1, oTR2) {
// 获取行中的需要比较的firstName列的值
var sValue1 = oTR1.firstElementChild.firstElementChild.value;
var sValue2 = oTR2.firstElementChild.firstElementChild.value;
// 进行比较
return sValue1.localeCompare(sValue2);
}

function sortTable(){
// 获取表格
var oTable = document.getElementById("tb1");
// 获取表格中tBody主体域
var oTBody = oTable.tBodies[0];
// 获取oTBody域中行集合
var colDataRows = oTBody.rows;
// 新建行数组,用于存放行内容
var aTRs = new Array;

// 将oTBody中的行内容添加到aTRs中
for (var i=0; i < colDataRows.length; i++) {
aTRs[i] = colDataRows[i];
}

// 若oTable的sortCol 属性为空,对数组进行反转,否则进行排序
if (oTable.sortCol) {
aTRs.reverse();
} else {
aTRs.sort(compareTRs);
}

// 创建代码片段,存放排序后的行数据
var oFragment = document.createDocumentFragment();
for (var i=0; i < aTRs.length; i++) {
oFragment.appendChild(aTRs[i]);
}

// 将存放有排序后行数据的代码片段添加到表格主体oTBody上
oTBody.appendChild(oFragment);

// 设置排序标识
oTable.sortCol = true;
}
</script>




php.php如何得到a b c d e f 的值。
得到值后,然后变成下
a键名,b是值
c键名,d是值
e键名,f是值
搞成一个二维数码,存入数据库

这个主要是做产品属性增加的。
...全文
358 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
xuzuning 2016-02-26
  • 打赏
  • 举报
回复
有 name 属性就可获得 同名时应用数组形式命名

21,886

社区成员

发帖
与我相关
我的任务
社区描述
从PHP安装配置,PHP入门,PHP基础到PHP应用
社区管理员
  • 基础编程社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧