javascript - 复制文本区域的内容以进行输入

在此表中，每一行都有一个文本区域wd。我想将#wd的内容复制到#wdi。

也就是说，用户输入wd，而wdi值变为wd值。

我假设我需要使用onkeyup函数，但不确定。

<tbody>
while(rs1.next())
{ %>
<tr>
<td>
<textarea id="wd" rows="4" cols="50" name="wd" ></textarea>
</td>

<td>
<form method='POST' action="actonissue.jsp" id='form1'>
<input  id='issue_id' name ='issue_id' value='<%=rs1.getString(1)%>' class='disable' type="hidden">
<input  id='wdi' name ='wdi' class='disable' type="hidden" >
<button type="submit" >Resolve Issue</button> </form>
</td>
</tr>
<% } %>
</tbody>

最佳答案

您可以使用keyup函数，请注意，每个tr中都需要获取#wdi。

$('[name ="wd"]').keyup(function(){
  //console.log($(this).val())
  $(this).closest("tr").find("#wdi").val($(this).val());
})

$('[name ="wd"]').keyup(function(){
  //console.log($(this).val())
  $(this).closest("tr").find("#wdi").val($(this).val());
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tbody>

<tr>
<td>
<textarea id="wd" rows="4" cols="50" name="wd" ></textarea>
</td>
<td>
<form method='POST' action="actonissue.jsp" id='form1'>
<input  id='issue_id' name ='issue_id' value='test1' class='disable' type="hidden">
<input  id='wdi' name ='wdi' class='disable' type="hidden" >
<button type="submit" >Resolve Issue</button> </form>
</td>
</tr>
<tr>
<td>
<textarea id="wd" rows="4" cols="50" name="wd" ></textarea>
</td>
<td>
<form method='POST' action="actonissue.jsp" id='form1'>
<input  id='issue_id' name ='issue_id' value='test2' class='disable' type="hidden">
<input  id='wdi' name ='wdi' class='disable' type="hidden" >
<button type="submit" >Resolve Issue</button> </form>
</td>
</tr>

</tbody>
</table>