JavaScript onchange 事件:表单文本域或选择域发生改变

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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值