Событие keyup получает значение только из первого ввода, где несколько доступны в таблице с тем же именем и идентификатором

Question

это поле ввода

<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

{!!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() !!}

Answer 1

Идентификаторы должны быть уникальными на всех веб-сайтах.

Вы можете установить класс norvic_id для этих входов:

И затем использовать селектор класса в jQuery:

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