JavaScript onchange 事件
表单文本域或选择域发生改变时会触发 onchange 事件。
支持该事件的 HTML 标签
<input type="text">, <select>, <textarea>
支持该事件的 JavaScript 对象
fileUpload, select, text, textarea
onchange 实例
下面的例子演示了 select 下拉选择列表,当列表内无合适选择项而让用户自定义选择项的效果:
<html> <head> <script type="text/javascript"> function checkArea(x){ var other_area = document.getElementById( "other_area" ); if(x.value == "other"){ other_area.style.display = "inline"; } else { other_area.style.display = "none"; } } </script> </head> <body> <form> <p> 请选择所在地区:<select name="area" onchange="checkArea(this);"> <option value="bj"> 北京 </option> <option value="tj"> 天津 </option> <option value="sh"> 上海 </option> <option value="other"> 其他 </option> </select> </p> <p id="other_area" style="display:none;"> 请填写地区:<input type="text" /> </p> </form> </body> </html>
您可以在下面试试本例子效果(选择 其他 ):
请选择所在地区: