如何在不需要點擊按鈕的情況下獲得選項的價值？

Question

是否可以讀取選項框的值，而無需先單擊要確定的值的按鈕？此刻，我正在開發一款JavaScript遊戲，用戶可以根據他們選擇的魚類來選擇他們想要繪製的魚，並在用戶點擊畫布上的任意位置時，將相應的魚畫到畫布上。 Iv'e嘗試了很多方法，但沒有一個首先點擊按鈕，似乎沒有任何方法適用於我。任何幫助深表感謝。謝謝。

Answer 1

您只需在用戶觸摸畫布時獲取所選選項的值。

function canvasTouchEventHandler() { 
    //get selected option and do stuff 
} 

當你點擊一個按鈕時獲取值確實是同樣的事情 - 一個事件被分派，它具有一個獲取值的處理程序。您可能習慣於使用按鈕上的click事件。相反，你只需要處理另一個事件。

Answer 2

隨着窗口加載，您始終可以啓動draw()函數。

假設你的畫布繪製函數名稱爲draw()，您可以使用下面的代碼：

window.onload=function(){draw()}; 

如果你具體指的每一個用戶選擇了一個新的選擇時重繪的畫布，你可以選擇一個簡單onchange解決方案在你的HTML元素像這樣：

<option onchange="draw()"> 
<!--Values/Selects etc here--> 
</option>