Question

jquery 获取表单中input值问题 求助！

<table >
<tr >
<td><input id='name' value=一般诊疗 /></td>
<td><input id='score' value=20 /></td>
<td><a href='#' id=Update>修改</a></td></tr>
<tr>
<td><input id='name' value=特殊诊疗 /></td>
<td><input id='score' value=25 /></td>
<td><a href='#' id=Update>修改</a></td></tr>
<tr>
<td><input id='name' value=er般诊疗 /></td>
<td><input id='score' value=20 /></td>
<td><a href='#' id=Update>修改</a></td></tr>
</table>
点击修改 jquery如何获取相应行中input标签的 value值呢 菜鸟请高手写出程序！

Answer 1

你好！

简单说下思路：

1. 由<a>的click事件来触发，必须得找到这些<a>，并为其指定click事件;

2. 根据层级关系，由<a>这个对象来获取同一个父tr元素下的input的内容；

上段代码，仅供参考：

$(document).ready(function(){
  //选择所有含有'修改'字符串的<a>元素,并指定click事件
  $("a:contains('修改')").click(function(){
        var _name,_score;
        //返回当前<a>元素的父元素(td)的父元素(tr)
        var $tr  = $(this).parent().parent();
        //返回这个tr元素下两个input的值
        _name = $tr.find("td:eq(0)>input").val();
        _score  = $tr.find("td:eq(1)>input").val();
        alert(_name+"  "+_score);
  });
});

Answer 2

dom中id是唯一的，你这里每一个a标签的id都是update，将id=Update改成：class=Update，然后

$(function(){
$('.Update').click(function(){
var inpVal = $(this).parent().prev().children().val();//获取input的value值
alert(inpVal);

})
})

Answer 3

id一般是唯一的所以改一下class=“Update”