Question

我收到了如下表格：

<form action='' method='POST' id='form1'>
<p><input type='text' name='text1[]' value='' />&nbsp;<input type='text' name='text2[]' value='' /></p>
<p><input type='text' name='text1[]' value='' />&nbsp;<input type='text' name='text2[]' value='' /></p>
<p><input type='text' name='text1[]' value='' />&nbsp;<input type='text' name='text2[]' value='' /></p>
<p><input type='text' name='text1[]' value='' />&nbsp;<input type='text' name='text2[]' value='' /></p>
</form>

我想使用jQuery执行以下任务：如果text1 []中的任何字段发生更改，则此类值应相应更新到字段text2 []中。我确实进行了搜索，但没有发现如何使用jQuery来获取字段数组中当前项的索引。

你可以帮忙吗？感谢

Answer 1

做这样的事情

＆＃13;

$("input[name='text1[]']").keyup(function() {
  $(this).siblings("input[name='text2[]']").val(this.value);
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form action='' method='POST' id='form1'>
<p><input type='text' name='text1[]' value='' />&nbsp;<input type='text' name='text2[]' value='' /></p>
<p><input type='text' name='text1[]' value='' />&nbsp;<input type='text' name='text2[]' value='' /></p>
<p><input type='text' name='text1[]' value='' />&nbsp;<input type='text' name='text2[]' value='' /></p>
<p><input type='text' name='text1[]' value='' />&nbsp;<input type='text' name='text2[]' value='' /></p>
</form>

＆＃13;

Answer 2

谢谢，我觉得这很有魅力

$(document).ready(function() {
    $('#form1 input[name="text1[]"]').change(function() {
        var index = $('#form1 input[name="text1[]"]').index(this);
        $('#form1 input[name="text2[]"]:eq(' + index + ')').val("1");
    });
});

在我加入stackoverflow之前不知道它为什么不起作用：D我记得我之前尝试过这个：D 感谢

Answer 3

尝试更好的方法

<script type="text/javascript">
    $(document).ready(function() {
        $('#form1 input[name="text1[]"]').change(function() {
            var index = $('#form1 input[name="text1[]"]').index(this);
            $('#form1 input[name="text2[]"]').eq(index).val("1");
        });
    });
</script>

使用jQuery获取HTML字段数组索引

3 个答案: