Javascript keyup事件仅从第一个输入获取值，其中在具有相同名称和id的表中有多个输入可用

这是输入字段

<input name ="norvic_id" id="norvic_id" type="text" class="form-control" placeholder="Norvic ID">

这是剧本

<input name ="norvic_id" id="norvic_id" type="text" class="form-control" placeholder="Norvic ID">

<script>
    $('#norvic_id').keyup(function() {
            var x = $('input[name=norvic_id]').val();
            $("#nid").val(x);
    });
</script>

nid是一种形式的隐藏输入值，我从norvic_id字段发送数据

<input name ="norvic_id" id="norvic_id" type="text" class="form-control" placeholder="Norvic ID">

{!!Form::open(['method'=>'POST','route'=>['newpatients.store'], 'class'=>'form-horizontal
                                bordered-row','enctype'=>'multipart/form-data'])!!}
                                <input name ="nid" id="nid" type="hidden" value="" class="form-control">
                                <input name ="pid" id="pid" type="hidden" value="{{$d->id}}" class="form-control">
                                <button type="submit" class="btn btn-sm btn-sm btn-success btn_glyph" id="confirm">Confirm</button>
                            {!!Form::close() !!}

---

ID在所有网站中必须是唯一的

<input name ="norvic_id" id="norvic_id" type="text" class="form-control" placeholder="Norvic ID">

您可以将norvic_id类设置为该输入：

<input name ="norvic_id" id="norvic_id" type="text" class="form-control" placeholder="Norvic ID">

然后在jQuery中使用类选择器：

<input name ="norvic_id" id="norvic_id" type="text" class="form-control" placeholder="Norvic ID">

$('.norvic_id').keyup(function() {
    var x = $(this).val();
    $("#nid").val(x);
});

---

ID在所有网站中必须是唯一的

<input name ="norvic_id" id="norvic_id" type="text" class="form-control" placeholder="Norvic ID">

您可以将norvic_id类设置为该输入：

<input name ="norvic_id" id="norvic_id" type="text" class="form-control" placeholder="Norvic ID">

然后在jQuery中使用类选择器：

<input name ="norvic_id" id="norvic_id" type="text" class="form-control" placeholder="Norvic ID">

$('.norvic_id').keyup(function() {
    var x = $(this).val();
    $("#nid").val(x);
});