Javascript 为什么onkeyup和keyup都不起作用？

我想显示用户在

当用户在输入字段中键入名字时，它应该显示在

@对于（$guest\u no=1；$guest\u no您需要唯一的ID

如果有一个输入字段和3个来宾，下面介绍如何执行此操作


$（“乘客姓名”）。在（“输入”，函数（）上）{
$（$li.active.linkText”）.text（此.value）
})












在输入时使用…..如果这与laravel无关，请单击编辑，然后单击
[]
snippet编辑器并发布一篇没有PHP，只有HTML、CSS和script的文章尝试在每个元素上设置唯一的id将
id=
更改为
class=
，然后阅读这篇文章，以便将事件绑定到类中的所有元素……显示的错误意味着
id=
不是唯一的（有3个em）那么如何选择一个呢？您已经在使用jQuery，因此链接是相关的。@porloscerrosψ我尝试过，但仍然不起作用。尽管我解决了所有警告并更改了它们的ID，但仍然不起作用…我还尝试了您在[link]（an）中提供的代码我甚至更改了我的外部jquery，并在您的代码片段中使用了它（我使用了jquery 3.4.1）。我的代码可能有什么问题？我仍然没有看到您的选项卡。有控制台错误吗？这不是jquery版本问题
<ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#guestInfo0">User Information</a></li>
    @for($guest_no = 1; $guest_no<=$guest_quantity; $guest_no++)
        <li>
            <a data-toggle="tab" 
                href="#guestInfo{{$guest_no}}" 
                id = "linkText">Guest #{{$guest_no}} //Target ID = linkText (this is where the changes will be applied)
            </a>
        </li>
    @endfor
</ul>
.......
<input id="passenger_f_name" type="text" 
class="form-control @error('passenger_f_name') is-invalid @enderror" 
placeholder = "First Name for Passenger #{{$tab}}" name="passenger_f_name"
value="{{ old('passenger_f_name') }}" required autocomplete="passenger_f_name" 
autofocus>
.......
<script type="application/javascript">

    var linkBox = document.getElementById('passenger_f_name');

    linkBox.onkeyup = function(){
        //alert("LOL"); //Used for checking if onkeyup is working properly = result: false
        document.getElementById('linkText').innerHTML = linkBox.value;
    }

</script>