定义js事件

最新推荐文章于 2024-04-25 20:29:33 发布

wive

最新推荐文章于 2024-04-25 20:29:33 发布

阅读量597

点赞数

本文链接：https://blog.csdn.net/javadhh/article/details/28606269

版权

前端技术专栏收录该内容

41 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>下拉列表</title>
<script language="JavaScript" src="../lib/jquery-1.4.2.js"></script>
<script language="JavaScript" src="listType.js"></script>
</head>
<body>
	<div>定义一个下拉列表框，当选中时候，把参数传递给函数，并且输出</div>
	<br/>
	<span style="color:blue; font-size:20px">你爱的体育运动：</span><br/>
	<select align="center" id="sport" style="height:25px;width:200px;">
		<option value="篮球">篮球</option>
		<option value="乒乓球">乒乓球</option>
		<option value="羽毛球">羽毛球</option>
		<option value="网球">网球</option>
	</select>
</body>
</html>

listType.js文件：

$().ready(function(){
	$("#sport").unbind("change");
	$("#sport").bind("change",function(){
		$(this).trigger("改变了我",["小朋友",$(this).val()]);	
	});
	
	//自定义一个事件"改变了我"
	$("#sport").unbind("改变了我");
	//事件和形参
	$("#sport").bind("改变了我",function(event,nickName,value){
		alert(nickName+",你最爱的体育运动是："+value);
	});
	
});