Verwenden Sie href, um automatisch eine Option aus einer Dropdown-Liste auszuwählen

Question

Ich versuche, in einem Dropdown-Menü automatisch eine Option auszuwählen, die auf der href (in der Adressleiste gespeichert) basiert, die über die auf der vorherigen Seite gedrückte Schaltfläche erhalten wurde. Ich habe versucht, diese Frage nachzuschlagen, kann aber anscheinend nichts Relevantes finden. Daher kann ich nur davon ausgehen, dass mein Wortlaut falsch ist oder dies nicht möglich ist.

Das ist mein Code aus 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>

Dies ist der Code in 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>

Ich bin mir nicht ganz sicher, ob dies beschreibt, was ich erreichen möchte, aber als ich es nur mit einfachem Text getestet habe, wurde es problemlos geladen.

Answer 1

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