 <html>
<head>
<title>test</title>
</head>
<body>
<select id="mySelect">
<option value="1">地球</option>
<option value="2">火星</option>
<option value="3">木衛二</option>
<option value="4">冥王星</option>
<option value="5">參宿四</option>
<option value="6">人馬座</option>
</select>
</body>
</html>
  <script language="javascript">
 <!--
  window.onload=function(){
var listBox=new ListBox("mySelect");
 }
function $(id){
return document.getElementById(id);
}
//-- 類構造函數
function ListBox(id){
this.id=id;
this.init();
}
//--類的初始化函數，將控件的onchange事件交給類的changeEvent事件處理
ListBox.prototype.init=function(){
var ctrl=$(this.id);
var me=this;
ctrl.onchange=function(){
me.changeEvent();
}
}
// onchange事件產生時彈出下拉列表控件的值
ListBox.prototype.changeEvent=function(){
var ctrl=$(this.id);
alert(ctrl.value);
}
 //-->
</script>
|