Question

我有一个表，该表具有包含文本输入的动态生成的td，我需要从行中的第一个td获取值，然后根据我在<select>中选择的内容插入其中一个输入。这是通过按钮触发的。

到目前为止，我可以通过第一个孩子获得所需的值，从我的选择中，我得到的选项的值与输入的类相同。

$("#t_a").click(function() {
  var selected = $('select[name=t_r]').val();
  $("table tr").each(function() {
    var s = $(this).find('td:first-child').html();
    $(this).find('.' + selected).attr("value", s);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="t_r" name="t_r" style="width:200px;">
<option value="1234">Option 1234</option>
<option value="1235">Option 1235</option>
<option value="1236">Option 1236</option>
</select>
<input type="button" name="t_a" id="t_a" value="Apply" />
<table>
  <tr>
    <td>123</td>
    <td><input type="text" id="a_1234" class="1234" value=""></td>
    <td><input type="text" id="a_1235" class="1235" value=""></td>
    <td><input type="text" id="a_1236" class="1236" value=""></td>
  </tr>
  <tr>
    <td>321</td>
    <td><input type="text" id="b_1234" class="1234" value=""></td>
    <td><input type="text" id="b_1235" class="1235" value=""></td>
    <td><input type="text" id="b_1236" class="1236" value=""></td>
  </tr>
  <tr>
    <td>456</td>
    <td><input type="text" id="c_1234" class="1234" value=""></td>
    <td><input type="text" id="c_1235" class="1235" value=""></td>
    <td><input type="text" id="c_1236" class="1236" value=""></td>
  </tr>
</table>

Answer 1

在monkawitz和user7290573的帮助下，我可以通过使用val（）而不是attr（）解决我的问题。

谢谢蒂姆·刘易斯的指导。

将TD值复制到TD内部动态创建的输入中

1 个答案: