求高手帮忙！js，Jquery都行，点提交时获取输入框中的值和对应的id 组成一个二维数组，将数据交到后台！
点击新增链接时，会在表格的下方自动添加一行，输入对应的值后，点击提交按钮时，怎么获取表格中输入框中的值和对应的id，并组成一个二维数组传到后台...
点击新增链接时，会在表格的下方自动添加一行，输入对应的值后，点击提交按钮时，怎么获取表格中输入框中的值和对应的id，并组成一个二维数组传到后台
展开
3个回答
展开全部
想必传数据你自己会吧。。。。。。
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
<script type="text/javascript" >
$( function() {
//添加一行
$('#add').click( function() {
var len = $('a[name="delete"]').length;
var last_id;//最后一个a标签的id
if(len == 0){
last_id = 0;
}else{
last_id = parseInt($('a[name="delete"]')[len-1].id)+1;
}
$('#tab').append('<tr id="tr_'+last_id+'"><td><input type="text" name="test" id="input_'+last_id+'" /></td><td><a href="#" onclick="drop($(this))" id="'+last_id+'" name="delete">delete</a></td></tr>');
});
});
//删除对应的行
function drop(obj){
var i = obj.attr('id');
$("#tr_"+i).remove();
}
</script>
</head>
<body>
<a href="#" id="add">add</a>
<form>
<table id="tab">
<tr id="tr_0">
<td>
<input type="text" name="test" id="input_0"/>
</td>
<td>
<a href="#" onclick="drop($(this))" name="delete" id="0">delete</a>
</td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
<script type="text/javascript" >
$( function() {
//添加一行
$('#add').click( function() {
var len = $('a[name="delete"]').length;
var last_id;//最后一个a标签的id
if(len == 0){
last_id = 0;
}else{
last_id = parseInt($('a[name="delete"]')[len-1].id)+1;
}
$('#tab').append('<tr id="tr_'+last_id+'"><td><input type="text" name="test" id="input_'+last_id+'" /></td><td><a href="#" onclick="drop($(this))" id="'+last_id+'" name="delete">delete</a></td></tr>');
});
});
//删除对应的行
function drop(obj){
var i = obj.attr('id');
$("#tr_"+i).remove();
}
</script>
</head>
<body>
<a href="#" id="add">add</a>
<form>
<table id="tab">
<tr id="tr_0">
<td>
<input type="text" name="test" id="input_0"/>
</td>
<td>
<a href="#" onclick="drop($(this))" name="delete" id="0">delete</a>
</td>
</tr>
</table>
</form>
</body>
</html>
更多追问追答
追问
提交按钮呢？点提交要将输入框中的值和其id组成数组传到后台的
追答
你是准备ajax提交？还是提交form表单啊？
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置全局计数器rows_index;
新增一行 则rows_index++;反之rows_index--;
输入文本的地方加上带id的容器，通过js获取输入的值getElementById("").text
提交的时候，获取最新的rows_index，与获取到的文本其一提交
var window.global_rows_index = 0;
$("#btnAdd").click = function(){
window.global_rows_index++;
var val = $("#txt"+window.global_rows_index).val();
if(val.length < = 0){
alert('')//为空判断
return false;
}else{
$.get(url,'rows_Index':window.global_rows_index,'txtVal':val,function(data,textStatus){
//处理提交结果
});
}
}
$("#btnDel").click = function(){
window.global_rows_index--;
//删除当前行
}
注意，数据库中的类别ID不要自动编号，所以以window.global_rows_index为主
新增一行 则rows_index++;反之rows_index--;
输入文本的地方加上带id的容器，通过js获取输入的值getElementById("").text
提交的时候，获取最新的rows_index，与获取到的文本其一提交
var window.global_rows_index = 0;
$("#btnAdd").click = function(){
window.global_rows_index++;
var val = $("#txt"+window.global_rows_index).val();
if(val.length < = 0){
alert('')//为空判断
return false;
}else{
$.get(url,'rows_Index':window.global_rows_index,'txtVal':val,function(data,textStatus){
//处理提交结果
});
}
}
$("#btnDel").click = function(){
window.global_rows_index--;
//删除当前行
}
注意，数据库中的类别ID不要自动编号，所以以window.global_rows_index为主
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
表格比较难处理的话，建议你用ul li，来做，简单搜下就好。至于隐藏input，数据安排什么的，你应该都会了。
追问
这是要求，不能改的，我要的主要是Js，不要后台
追答
我说的也是js。你这个是实现了一部分，还是完全没有实现啊？
用一个隐藏input放你当前的id，你删除或增加都更新这个。（这个用来协助js判空）
你的表格里面的可以这样:
如果是php的话，就可以$_REQUEST['tary']，收到二维数组了，你在var_dump看下收到的数组再整理下就行。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
