javascript - 如何从具有动态 id 的动态文本框获取值

Question

所以我有一个带有 id 的文本框:

 <input type="text" name="jview_no[]" id="view'+$sr +'" value="1">

哪里:

$sr = ($(".my_tr_class").length + 1);

我想将该 View 的值+$sr 放入另一个文本框，所以到目前为止我是这样做的:

<input type="text" name="amount[]" value="'+ $("#view"+$sr).val() + '" > 

但结果未定义。

问题是，我真的不知道如何以正确的方式做到这一点，你们能帮帮我吗？

提前致谢

Answer 1

我不明白你到底想达到什么目的。如果你只有两个输入你可以使用下面的例子(这只是你的例子)，但如果你有更多的输入并且你需要将这些输入匹配在一起，你已经阅读了关于javascript中的this。

$(document).on('keyup','input[name="jticket_no[]"]', function(){
  $(this).parent().next().children()[0].value = $(this).val()
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table style="width: 100%" class="table">
  <thead><tr><th>No.</th>
    <th>Views +5</th>
    <th>Payment</th>
    </tr>
  </thead>
  <tbody id="table-details"><tr id="row1" class="jdr1">
    <td><span class="btn btn-sm btn-default">1</span><input type="hidden" value="6437" name="count[]"></td>
    <td><input type="text" required="" class="form-control input-sm" placeholder="Views" name="jticket_no[]"></td>
    <td><input type="text" required="" data-parsley-type="digits" class="form-control input-sm" placeholder="Payment" name="jamount[]"></td>
    
    </tr>
    <tr id="row1" class="jdr1">
    <td><span class="btn btn-sm btn-default">2</span><input type="hidden" value="6437" name="count[]"></td>
    <td><input type="text" required="" class="form-control input-sm" placeholder="Views" name="jticket_no[]"></td>
    <td><input type="text" required="" data-parsley-type="digits" class="form-control input-sm" placeholder="Payment" name="jamount[]"></td>
    
    </tr>
  </tbody>
</table>