如何在不需要单击按钮的情况下获取选项的值？

Question

是否可以读取选项框的值而无需先单击按钮才能识别值？我正在开发一个JavaScript游戏，用户选择他们想要绘制的鱼，根据他们选择的鱼，当用户点击画布上的任何地方时，相应的鱼将被绘制到画布上。我尝试了很多方法，但似乎没有一个方法适合我，而不需要先点击一个按钮。任何帮助深表感谢。感谢。

Answer 1

当用户触摸画布时，您只需获取所选选项的值。

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

单击按钮时获取值完全相同 - 调度事件，该事件具有获取值的处理程序。您可能习惯使用按钮上的click事件。相反，你只需要处理另一个事件。

Answer 2

随着窗口加载，您始终可以启动draw()功能。

假设您的画布绘图功能名称为draw()，您可以使用以下代码：

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

如果您特意指的是每次用户选择新选项时重绘画布，您可以在HTML元素中选择一个简单的onchange解决方案，如下所示：

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