在 JavaScript 中使用 Onchange 创建下拉菜单
JavaScript 中的 onchange
函数
JavaScript 中的 onchange
事件是一个重要的事件,用于处理在事件执行期间发生的事件变化。当执行事件时值的状态发生变化时,会完全触发 onchange
事件。
onchange
事件与 oninput
事件非常相似,不同之处在于 oninput
事件会立即发生,并且值更改同样相对较快。尽管如此,onchange
事件本质上是在事件的值失去其执行焦点时发生的。
object.onchange = function()
{
BlocTAK
};
当焦点改变时,调用 onchange
函数的对象,然后运行 BlocTAK
来操作和修改值状态或改变和转换事件。
<html>
<body>
<p>Modify the text in the input field, then click outside the field to fire the onchange event.</p>
Enter something: <input onchange="myFunction(this.value)">
<script>
function myFunction(val) {
alert(" The new value is: " + val);
}
</script>
</body>
</html>
你可以在此链接中找到上述代码。下面使用示例 Hello World
附上上述代码的屏幕截图。
在 JavaScript 中使用 onchange
函数创建下拉菜单
这里 onchange
函数用作事件侦听器。
<select name="type" onmousedown="this.value='';" onchange="jsFunction(this.value);">
<option value='1 lac'>Toyota</option>
<option value='2 lac'>Kia</option>
<option value='3 lac'>Honda</option>
<option value='4 lac'>Suzuki</option>
<option value='5 lac'>Lamborghini</option>
</select>
这里的 onchange
函数是用 jsFunction(this.value);
声明的。
上述 HTML 代码的 JavaScript 外部文件如下。
function jsFunction(value)
{
alert(value);
}
你可以从此链接中看到上述代码中的 onchange
函数处理的工作。
因此,在上面的文章中,对函数以及如何在 JavaScript 中声明它们进行了详细的说明。然后详细介绍了有关 onchange
函数的信息、它的作用以及如何在 HTML 和 JavaScript 中声明它。
然后在下拉菜单中使用 onchange
功能,使下拉菜单对用户更方便。JavaScript 中的 onchange
函数至关重要,因为它允许用户使用输入更改然后验证值,以交叉检查所提供输入的值转换。
它与 JavaScript 中的 oninput
函数协同工作。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布,任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站。本站所有源码与软件均为原作者提供,仅供学习和研究使用。如您对本站的相关版权有任何异议,或者认为侵犯了您的合法权益,请及时通知我们处理。