onchange 事件会在域的内容改变时发生，可用于单选框与复选框改变后触发的事件，必需。规定该事件发生时执行的 JavaScript。

onchange 属性可以使用于： <input>, <select>, 和 <textarea>。

HTML 中: <element onchange="SomeJavaScriptCode"> JavaScript 中: object.onchange=function(){SomeJavaScriptCode};

<script> function myFunction(){ var x=document.getElementById("fname"); x.value=x.value.toUpperCase(); } </script> <body> 输入你的名字: <input type="text" id="fname" onchange="myFunction()"> <p>当你离开输入框后，将小写字母转为大写字母。</p> </body>

函数不同，产生效果不同，

<html>
<head>
<script type="text/javascript">
function upperCase(x)
{
var y=document.getElementById(x).value
document.getElementById(x).value=y.toUpperCase()
}
</script>
</head>
<body>
Enter your name: <input type="text" id="fname" onchange="upperCase(this.id)">
</body>
</html>

也可以用于下拉框，选择或者弹窗的形式

Select下拉框onchange事件获取option的value值 <select name="type" onchange="show_sub(this.options[this.options.selectedIndex].value)"> <option value="0">请选择主类别</option> <option value="1">1</option> <option value="2">2</option> </select> <script> function show_sub(val){ alert(val); } </script>

到此这篇关于javascript的 onchange的文章就介绍到这了,更多相关javascript onchange内容请搜索本网站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本网站！

您可能感兴趣的文章:

  • javascript checkbox/radio onchange不能兼容ie8处理办法
  • Radio 单选JS动态添加的选项onchange事件无效的解决方法
  • jsp中select的onchange事件用法实例
  • 纯JavaScript实现获取onclick、onchange等事件的值
  • js 触发select onchange事件代码
  • js中的onchange和onpropertychange (onchange无效的解决方法)
  • js触发onchange事件的方法说明
  • JavaScript获取onclick、onchange等事件值的代码
  • javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足