JavaScript onchange 事件：表单文本域或选择域发生改变
JavaScript onchange 事件：表单文本域或选择域发生改变
java达人
发布于 2018-01-31 11:51:19
发布于 2018-01-31 11:51:19
JavaScript onchange 事件
表单文本域或选择域发生改变时会触发 onchange 事件。
支持该事件的 HTML 标签
<input type="text">, <select>, <textarea>支持该事件的 JavaScript 对象
fileUpload, select, text, textareaonchange 实例
下面的例子演示了 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>本文参与 腾讯云自媒体分享计划，分享自微信公众号。
原始发表：2015-08-03，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录