jquery如何获取td中的input中的内容? 20
每一行后面跟了个操作,点操作在js获得本行input的val,<tr><tdheight="25"><inputtype="text"id="payValua"value...
每一行后面跟了个操作,点操作在js获得本行 input 的val,
<tr>
<td height="25"><input type="text" id="payValua" value="1"></td>
<td height="25"><input type="text" id="payValua" value="2"></td>
<td height="25"><input type="text" id="payValua" value="3" > </td><tr>
我试了几种方法都得不得,来请教一下大家 展开
<tr>
<td height="25"><input type="text" id="payValua" value="1"></td>
<td height="25"><input type="text" id="payValua" value="2"></td>
<td height="25"><input type="text" id="payValua" value="3" > </td><tr>
我试了几种方法都得不得,来请教一下大家 展开
6个回答
展开全部
这是以前帮一个朋友解决的，你参考一下吧。
<!DOCTYPE html>
<html>
<head>
<title>蝴蝶飞起来了</title>
<style type="text/css">
td,.ipt{
width:50px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
var col=['p1','p2','p3','p4','p5','p6']
function edit(obj){
obj=$(obj).parent().parent();
obj.children('td:not(:last)').each(function(i){
var self=$(this);
self.html('<input type="text" id="'+col[i]+'" name="'+col[i]+'" value="'+self.html()+'" class="ipt" />');
});
obj.children('td:last').html('<a href="#" onclick="save(this)">保存</a>');
obj=null;
}
function save(obj){
$.post('update.action',{
'p1': $('#p1').val(),
'p2': $('#p2').val(),
'p3': $('#p3').val(),
'p4': $('#p4').val(),
'p5': $('#p5').val(),
'p6': $('#p6').val()
},function(){
obj=$(obj).parent().parent();
obj.children('td:not(:last)').each(function(){
var self=$(this);
self.html(self.children('input[class="ipt"]').val());
});
obj.children('td:last').html('<a href="#" onclick="edit(this)">更改</a>');
obj=null;
});
}
</script>
</head>
<body>
<table border="1">
<tr>
<th>姓名</th>
<th>单位</th>
<th>部门</th>
<th>职位</th>
<th>手机</th>
<th>Email</th>
<th>操作</th>
</tr>
<tr>
<td>AAAA</td>
<td>BBBB</td>
<td>CCCC</td>
<td>DDDD</td>
<td>EEEE</td>
<td>FFFF</td>
<td><a href="#" onclick="edit(this)">更改</a></td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>蝴蝶飞起来了</title>
<style type="text/css">
td,.ipt{
width:50px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
var col=['p1','p2','p3','p4','p5','p6']
function edit(obj){
obj=$(obj).parent().parent();
obj.children('td:not(:last)').each(function(i){
var self=$(this);
self.html('<input type="text" id="'+col[i]+'" name="'+col[i]+'" value="'+self.html()+'" class="ipt" />');
});
obj.children('td:last').html('<a href="#" onclick="save(this)">保存</a>');
obj=null;
}
function save(obj){
$.post('update.action',{
'p1': $('#p1').val(),
'p2': $('#p2').val(),
'p3': $('#p3').val(),
'p4': $('#p4').val(),
'p5': $('#p5').val(),
'p6': $('#p6').val()
},function(){
obj=$(obj).parent().parent();
obj.children('td:not(:last)').each(function(){
var self=$(this);
self.html(self.children('input[class="ipt"]').val());
});
obj.children('td:last').html('<a href="#" onclick="edit(this)">更改</a>');
obj=null;
});
}
</script>
</head>
<body>
<table border="1">
<tr>
<th>姓名</th>
<th>单位</th>
<th>部门</th>
<th>职位</th>
<th>手机</th>
<th>Email</th>
<th>操作</th>
</tr>
<tr>
<td>AAAA</td>
<td>BBBB</td>
<td>CCCC</td>
<td>DDDD</td>
<td>EEEE</td>
<td>FFFF</td>
<td><a href="#" onclick="edit(this)">更改</a></td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
生成的时候让input的ID循环增加，像下面：
<tr>
<td height="25"><input type="text" id="payValua1" value="1"></td>
<td height="25"><input type="text" id="payValua2" value="2"></td>
<td height="25"><input type="text" id="payValua3" value="3" > </td><tr>
对应的操作按钮的js函数变成
getval(id)
{
var result=document.getElementById('payValue'+id).value;
alert (result);
}
因为一个页面上的ID具有唯一性，两个重复的ID是会出错的
<tr>
<td height="25"><input type="text" id="payValua1" value="1"></td>
<td height="25"><input type="text" id="payValua2" value="2"></td>
<td height="25"><input type="text" id="payValua3" value="3" > </td><tr>
对应的操作按钮的js函数变成
getval(id)
{
var result=document.getElementById('payValue'+id).value;
alert (result);
}
因为一个页面上的ID具有唯一性，两个重复的ID是会出错的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<tr>
<td height="25"><input type="text" name="payValua" value="1"></td>
<td height="25"><input type="text" name="payValua" value="2"></td>
<td height="25"><input type="text" name="payValua" value="3" > </td><tr>
<script type="text/javascript">
function get(){
var value=document.getElementsByName("name");
for(var i=0;i<value.length;i++){
alert(value[i].value);
}
}
</script>
这是一段JS 我主要表明的是你可以根据名字来获得对象数组 然后遍历取得单个对象的value
<td height="25"><input type="text" name="payValua" value="1"></td>
<td height="25"><input type="text" name="payValua" value="2"></td>
<td height="25"><input type="text" name="payValua" value="3" > </td><tr>
<script type="text/javascript">
function get(){
var value=document.getElementsByName("name");
for(var i=0;i<value.length;i++){
alert(value[i].value);
}
}
</script>
这是一段JS 我主要表明的是你可以根据名字来获得对象数组 然后遍历取得单个对象的value
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("tr input").val(); 这样就可以获取input的内容
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var values=new Array();
$('.payValue').each(function(index) {
values.push(this.text());
}
id只能唯一吧，所以应该把id换成class
$('.payValue').each(function(index) {
values.push(this.text());
}
id只能唯一吧，所以应该把id换成class
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
