javascript中的 onchange事件詳解
onchange 事件會(huì)在域的內(nèi)容改變時(shí)發(fā)生,可用于單選框與復(fù)選框改變后觸發(fā)的事件,必需。規(guī)定該事件發(fā)生時(shí)執(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">請(qǐng)選擇主類別</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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- javascript checkbox/radio onchange不能兼容ie8處理辦法
- Radio 單選JS動(dòng)態(tài)添加的選項(xiàng)onchange事件無(wú)效的解決方法
- jsp中select的onchange事件用法實(shí)例
- 純JavaScript實(shí)現(xiàn)獲取onclick、onchange等事件的值
- js 觸發(fā)select onchange事件代碼
- js中的onchange和onpropertychange (onchange無(wú)效的解決方法)
- js觸發(fā)onchange事件的方法說(shuō)明
- JavaScript獲取onclick、onchange等事件值的代碼
- javascript開發(fā)中使用onpropertychange,oninput事件解決onchange事件的不足
相關(guān)文章
關(guān)于Javascript模塊化和命名空間管理的問(wèn)題說(shuō)明
最近閑下來(lái)的時(shí)候,稍微想了想這個(gè)問(wèn)題。關(guān)于Javascript模塊化和命名空間管理2010-12-12JavaScript字符串轉(zhuǎn)數(shù)字的多種方法總結(jié)
在 JavaScript 開發(fā)中,我們經(jīng)常需要將字符串轉(zhuǎn)換為數(shù)字,例如從輸入框獲取用戶輸入后進(jìn)行數(shù)學(xué)計(jì)算,JavaScript 提供了多種方法來(lái)實(shí)現(xiàn)這一功能,如 parseInt、parseFloat、Number 等,本文將詳細(xì)介紹這些方法的使用方式、適用場(chǎng)景以及可能的坑,需要的朋友可以參考下2025-03-03javascript charAt() arr[i]數(shù)組實(shí)例代碼
實(shí)例區(qū)別一下charAt()和arr[i].toString()的使用方法2008-08-08JS前端知識(shí)點(diǎn)總結(jié)之頁(yè)面加載事件,數(shù)組操作,DOM節(jié)點(diǎn)操作,循環(huán)和分支
這篇文章主要介紹了JS前端知識(shí)點(diǎn)總結(jié)之頁(yè)面加載事件,數(shù)組操作,DOM節(jié)點(diǎn)操作,循環(huán)和分支,結(jié)合實(shí)例形式總結(jié)分析了JS頁(yè)面加載事件,數(shù)組操作,DOM節(jié)點(diǎn)操作,循環(huán)和分支所涉及的相關(guān)事件、函數(shù)及操作注意事項(xiàng),需要的朋友可以參考下2019-07-07微信小程序api列表匯總包括網(wǎng)絡(luò)API,媒體API,文件API ,微信小程序支付流程,位置API,界面API等
這篇文章主要介紹了微信小程序api列表匯總包括網(wǎng)絡(luò)API,媒體API,文件API ,數(shù)據(jù)API,位置API,界面API,微信小程序支付流程,微信小程序登錄流程等,需要的朋友可以參考下2022-12-12js keycode快捷鍵大全 并附有簡(jiǎn)單使用說(shuō)明
js keycode快捷鍵大全 并附有簡(jiǎn)單使用說(shuō)明,方便大家使用。2010-10-10JS性能優(yōu)化實(shí)現(xiàn)方法及優(yōu)點(diǎn)進(jìn)行
這篇文章主要介紹了JS性能優(yōu)化實(shí)現(xiàn)方法及優(yōu)點(diǎn)進(jìn)行,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08詳解JavaScript前端如何有效處理本地存儲(chǔ)和緩存
前端本地存儲(chǔ)和緩存的處理是一種重要的技術(shù),它可以幫助改善應(yīng)用程序的性能和用戶體驗(yàn),下面是小編整理的一些處理前端本地存儲(chǔ)和緩存的常用方法,希望對(duì)大家有所幫助2023-11-11