动态生成的表格,在表格的每行最后一列有按钮点击事件,点击按钮之后取当前行的值给AJAX,但点击后发现取得都是第一行的数据
<script language="javascript" type="text/javascript">
function submit(btn)
{
alert("进来了");
//var tr= btn.parentElement.rowIndex;
var tr = btn.parentNode.parentNode;
//var fund_company =tr.cells(3);
var fund_company =tr.childNodes[7].innerText;
//var fund_company = $("#fund_company").html();
alert(fund_company);
//var fund_code = $("#fund_code").html();
var fund_code =tr.childNodes[5].innerText;
alert(fund_code);
var fund_character =$("#fund_character").val();
//var fund_character =tr.childNodes[5].innerText;
alert(fund_character);
var sub = $("#sub").val();
//var sub =tr.childNodes[4].innerText;
alert(sub);
var vote = $("#vote").val();
//var vote =tr.childNodes[4].innerText;
alert(vote);
var ransom = $("#ransom").val();
//var ransom = tr.childNodes[4].innerText;
alert(ransom);
var params = {
fund_company : fund_company,
fund_code : fund_code,
fund_character : fund_character,
sub :sub,
vote:vote,
ransom:ransom
};
$.ajax({
type : 'post',
data : params,
url : './wx/jjdt/edit/modify.do',
async:false,
success : function(data){
alert(data);
},
dataType: "text"
});
}
<c:forEach var="fund" items="${fund_list}" varStatus="status">
<tr>
<td >${status.index + 1}</td>
<td>${fund.fund_name }</td>
<td id="fund_code">${fund.fund_code }</td>
<td id="fund_company">${fund.fund_company }</td>
<td id="1"><textarea id="fund_character" name="fund_character" >${fund.fund_character }</textarea></td>
<td id="2"><textarea id="sub" name="sub" >${fund.sub }</textarea></td>
<td id="3"><textarea id="vote" name="vote" >${fund.vote }</textarea></td>
<td id="4"><textarea id="ransom" name="ransom">${fund.ransom }</textarea></td>
<td id="1"><input type="button" value="确定" onclick="submit(this)"></td>
</tbody>
<tr>
</c:forEach>
</table>