html中select标签的onChange属性是干啥用的?
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html中select标签的onChange属性是干啥用的?相关的知识，希望对你有一定的参考价值。
onChange 这个属性主要都用于什么？
参考技术A onchange 意为当改变时，也就是你select的选项值发生改变时！这个的可以用在多级下拉列表的自动更新上面！例如，学校有很多学院、学院下面有很多系，系下面有很多专业，在显示的时候不可能都全部列出来，可以通过onchage事件自动更新，例如学院选择商贸，那么专业的下拉列表里面就显示营销、国贸等商贸学院下属的专业，其他的专业就不显示。如果学院换了，那么，专业的候选项也自动更新！
onchange还可以用在text文本域的验证上面，例如输入一句话，完成后就自动触发onchange事件，那么就可以调用对文本验证的js脚本，看用户输入的内容是否符合要求（用户名填写提示方面）！本回答被提问者和网友采纳 参考技术B 用于js事件.(选中事件)
意为被选中时,执行什么代码;
select选项触发事件
利用select标签中的onchange属性来获取
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2 <HTML> 3 <HEAD> 4 <TITLE> New Document </TITLE> 5 <select id="pid" onchange="gradeChange()"> 6 7 <option grade="1" value="a">选项a</a> 8 9 <option grade="2" value="b">选项b</a> 10 11 </select> 12 13 <script type="text/JavaScript"> 14 function gradeChange(){ 15 var objS = document.getElementById("pid"); 16 var grade = objS.options[objS.selectedIndex].value; 17 alert(grade); 18 } 19 </script> 20 </HTML>
以上是关于html中select标签的onChange属性是干啥用的?的主要内容，如果未能解决你的问题，请参考以下文章