Javascript 通过单击第一个HTML页面上的按钮来填充第二个HTML页面的下拉列表

我有两个HTML文件： Report.html和investment.html

<select id="Problem" class="browser-default custom-select">
    <option value="">-- Select --</option>
</select>

Report.html有这个按钮

<div>
<input id="InvestigateALF" type="submit" value="Investigate" onclick = "InvestigateALF()">
</div>

单击此按钮，我将调用一个javascript函数，该函数将从后端检索JSON格式的一些数据。 我想在Investigation.html页面中的drop中填充此数据

Investigation.html

<select id="Problem" class="browser-default custom-select">
    <option value="">-- Select --</option>
</select>

---

如何将响应从javascript发送到该Investigation.html页面？

您可以通过localStorage.setItem'objectName'，objectValue；将响应放入localStorage；。然后，您可以重定向到Investigation.html页面并使用localStorage.getItem'objectName'；要获得所需的值。

一种方法是在localStorage中保存。在该页面中，从LocalStorageOK读取，但我是否需要两个HTML都具有相同的JavaScript文件？目前我正在为他们制作两个不同的JavaScript。不，两个HTML文件不需要有相同的JS文件。您可以保留两个不同的JS文件。如果你觉得我的答案有用，请投票并接受。好的，谢谢！但是如何在第二个JavaScript上使用getItem函数而不进行任何操作呢。我的意思是，唯一的动作就是在第一个html页面上单击按钮。你能帮我举个小例子吗