用于在html oninput中添加多个数组的Javascript

通过单击查看更多链接，我已成功地将url中的技能参数从一个页面传递到另一个页面（工作详细信息页面到工作列表页面），但现在在第二个页面中，我需要在打开第二个页面后立即显示所有这些技能。到目前为止，据我所知，它应该使用javascript，我不知道如何编码，有人能帮我解决这个问题吗

函数自动过滤器（）
设availableSkills=[]；
@foreach（$allSkill作为$skill）
可用技能推送（“{！！$skill！！}”）；
@endforeach
$（“#技能”）。自动完成({
资料来源：availableSkills
});
让addField=$（“#skills”）；
函数onInput（）
{
让val=document.getElementById（“skills”）.value；
for（设i=0；i”+skill+”
”；
$（fieldHTML）.insertAfter（addField）；
$（“#技能”）.val（“”）；
自动过滤器（）；
打破
}
}
}
$（'.skill wrapper'）。在（'click'，'remove skill'，函数（e）上{
e、 预防默认值（）；
$（this.parent（'div'）.remove（）；
自动过滤器（）；
});
$（“#清除技能”）。在（'click'，函数（e）上{
e、 预防默认值（）；
$（'.skill value'）。每个（函数（）{
$（this.parent（'div'）.remove（）；
});
自动过滤器（）；
});

清除所有

函数onChange（）{
让val=document.getElementById（“skills”）.value；
for（设i=0；i”+skill+”
”；
$（fieldHTML）.insertAfter（addField）；
$（“#技能”）.val（“”）；
自动过滤器（）；
打破
}
}
}

---

请使用onChange方法更改onInput。

您的onInput（）函数代码在哪里？请将此添加到您的问题中是的@KiranDash我已经添加了代码，您可以帮助我获取javascript代码吗？@Rubinerevichan我将您的代码更改为一个片段。请完成代码片段，以便添加重现问题所需的所有代码。@RubineRevichanran是一个帮助人们修复/理解代码问题的网站。为了做到这一点，您需要为您的问题提供一个最小的可复制示例。您现在发布的代码段存在语法错误，并且包含javascript代码，由于缺少相应的html元素，因此这些代码不起任何作用。如果你想使用Javascript，但不懂Javascript，那么我建议你先上一门Javascript课程。@MarkBaijens我已经删除了不需要的代码，如果我在笔记本电脑上运行也可以，但代码片段中不断显示错误，我已经尝试过更改，但仍然一样，它显示了一组数据中的技能，如我上面设置的链接图像所示

function onChange() {
  let val = document.getElementById("skills").value;
  for (let i = 0; i < availableSkills.length; i++) {
    if (availableSkills[i] === val) {
      let skill = $('#skills').val();
      let fieldHTML = "<div class='border rounded mb-2 px-3 py-1 d-flex justify-content-between'><p class='m-0 skill-value'>" + skill + "</p><button type='button' class='btn rounded-0 float-right p-0 remove-skill'><i class='fas fa-times-circle crimson'></i></button></div>";
      $(fieldHTML).insertAfter(addField);
      $('#skills').val("");
      autoFilters();
      break;
    }
  }
}