javascript的 onchange

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

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

<code class="language-html">HTML 中:
&lt;element onchange="SomeJavaScriptCode"&gt;
JavaScript 中:
object.onchange=function(){SomeJavaScriptCode};

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

 

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

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

\

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

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