我有这个表:
<table border="1" id="table">
<tr>
<th>Id</th>
<th>action</th>
</tr>
<tr>
<td>123</td>
<td><a href="#">select</a></td>
</tr>
<tr>
<td>456</td>
<td><a href="#">select</a></td>
</tr>
<tr>
<td>789</td>
<td><a href="#">select</a></td>
</tr>
</table>
result =<input type="text">
使用JavaScript如何在单击选定的href行时显示输入的id值,谢谢
最佳答案
使用jQuery,您可以这样做:
Working demo。
JS:
$(function(){
$('#table a').click(function(e) {
e.preventDefault();
$('#result').val($(this).closest('tr').find('td:first').text());
});
});
HTML:
<table border="1" id="table">
<tr>
<th>Id</th>
<th>action</th>
</tr>
<tr>
<td>123</td>
<td><a href="#">select</a></td>
</tr>
<tr>
<td>456</td>
<td><a href="#">select</a></td>
</tr>
<tr>
<td>789</td>
<td><a href="#">select</a></td>
</tr>
</table>
result = <input id="result" type="text">