我正在站點菜單中制作背景選擇器，當用戶單擊規范時，它將更改背景圖像。圖像（觸發單選按鈕）。我想使用 querySelectorAll(".selected") 來執行此操作，循環它并設置 addEventListener(click, ..) 獲取索引（或 id, value）并使用 background_list 數組設置 backgroundImage 。var background_list = ["/images/air-balloon.jpg","/images/mary-christmas.jpg","/images/mountain.jpg","/images/panorama.jpg","/images/plants.jpg","/images/sunset-mountain.jpg","/images/underwater-star.jpg","/images/vinyl-player.jpg"...]<div class="dropdown-background-container">    <div>        <input                              type="radio"            id="image-1"            class="select"            value="1"        >        <label for="image-1">            <img src="/images/air-balloon-small.jpg" alt="Air Balloons">        </label>    </div>    <div>        <input            type="radio"            id="image-2"            class="select"            value="2"        >        <label for="image-2">            <img src="/images/mary-christmas-small.jpg" alt="Mary Christmas">        </label>    </div>例如我有幾十張圖像document.querySelectorAll(".select").forEach( item => {      item.addEventListener('click', arrow => {      document.body.style.backgroundImage = `url("${background_list[index]}")`    })})有沒有辦法找到觸發的索引（id或值）？您將如何為此實現代碼，最簡單的解決方案是什么？我是 JS 初學者