<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);
});
});