将文本区域的内容复制到输入

Question

在此 table 中，每一行都有一个文本区域 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>

Answer 1

你可以使用keyup函数as，注意你需要在每个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>

将文本区域的内容复制到输入

Copy contents of textarea to input

javascript

jquery

jsp

scriptlet