使用 href 自动从下拉列表中选择一个选项

Question

我试图让下拉菜单根据从上一页上按下的按钮获取的 href（存储在地址栏中）自动选择一个选项。我尝试查找这个问题，但似乎找不到任何相关内容，所以我只能假设我的措辞错误，或者这是不可能的。

这是我来自index.html的代码

<div class="logo-row">
   <img src="./assets/img.png" onclick="function();" class="logo"/>
   <a href="./page1.html#sprites"><img src="./assets/sprites_placeholder.png" class="button p1"/></a>
   <a href="./page1.html#models"><img src="./assets/models_placeholder.png" class="button p1"/></a>
   <a href="./page1.html#textures"><img src="./assets/textures_placeholder.png" class="button p1"/></a>
   <a href="./page1.html#sounds"><img src="./assets/sounds_placeholder.png" class="button p1"/></a>
</div>

这是 page1.html 中的代码

<div class="custom-select">
   <label class="resource">Resource:</label>
   <select id="selectBox" onchange="changeResource();">
      <option value="1" id="sprites">Sprites</option>
      <option value="2" id="models">Models</option>
      <option value="3" id="textures">Textures</option>
      <option value="4" id="sounds">Sounds</option>
  </select>
</div>

我不完全确定这描述了我想要实现的目标，但是当我仅使用纯文本测试它时，它加载得很好。

Answer 1

您可以从 url 获取哈希 ID，然后使用 javascript 从下拉列表中设置所选元素

sssccc