使用 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 從下拉清單中設定所選元素