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

How can I get the value of an option without the need to click a button?

本文关键字:情况下 获取 选项 按钮 不需要 单击      更新时间:2023-09-26

是否可以读取选项框的值,而无需首先单击按钮即可识别值?我目前正在开发一款JavaScript游戏,用户可以选择他们想要画的鱼,根据他们选择的鱼,当用户点击画布上的任何位置时,相应的鱼都会被画到画布上。Ive尝试了很多方法,但如果不首先点击按钮,似乎没有一种方法对我有效。非常感谢您的帮助。谢谢

您只需要在用户触摸画布时获得所选选项的值。

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

当您单击按钮时获取值也会执行完全相同的操作——调度一个具有获取值的处理程序的事件。您可能已经习惯于使用按钮上的click事件。相反,你只需要处理另一个事件。

您总是可以在窗口加载时启动draw()函数。

假设您的画布绘制函数名称为draw(),则可以使用以下代码:

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

如果您特别提到每次用户选择新选项时都要重新绘制画布,那么您可以在HTML元素中选择一个简单的onchange解决方案,如下所示:

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