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
发布评论