欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript中的 onchange事件詳解

 更新時間：2023年10月11日 11:48:28   作者：許墨の小蝴蝶  
onchange 事件會在域的內(nèi)容改變時發(fā)生,可用于單選框與復(fù)選框改變后觸發(fā)的事件,本文通過示例代碼介紹javascript中的 onchange事件,感興趣的朋友跟隨小編一起看看吧

onchange 事件會在域的內(nèi)容改變時發(fā)生，可用于單選框與復(fù)選框改變后觸發(fā)的事件，必需。規(guī)定該事件發(fā)生時執(zhí)行的 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>當(dāng)你離開輸入框后，將小寫字母轉(zhuǎn)為大寫字母。</p>
</body>

函數(shù)不同，產(chǎn)生效果不同，

<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>

到此這篇關(guān)于javascript的 onchange的文章就介紹到這了,更多相關(guān)javascript onchange內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論