prototype與javascript的一些使用例子

1.為一個select下拉菜單增加選項

<SELECT id="result" name="result"></SELECT>
<script>
  var result = $('result'); //result為下拉列表的ID
  
  var textarr=['AAA','BBB','CCC','DDD','EEE','FFF','GGG','HHH','III','JJJ','KKK']
  
     for (i = 0; i <textarr.length; i++) {
	var opt = document.createElement("OPTION"); //創建option
	 opt.value = i+1;
	 opt.text  = textarr[i]+'圖書';
	 result.options.add(opt);  //增加option
	 }
</script>

2.彈出提示框，確認後才執行的例子

<form name="deleteschool" method="post"></form> <!--用于刪除school時使用-->
<input type="image" src="images/gimg/button_delete_sel.gif" alt="刪除" onclick="isCommit('<%=school.getSchoolid() %>');"/>

<Script language = "JavaScript">
function isCommit(Schoolid){	//用于刪除school時使用
  var isCommit = confirm("确定要刪除該學校嗎?");
  if(isCommit == true){  //如果確認
  	var url="schools.html?method=delete&schoolId="+Schoolid;
      document.deleteschool.action=url;
//      document.deleteschool.submit(); //提交表單
   }
  else
       return false;
}
</Script>

例子2

<form id="deleteform" name="deleteform" action="" method="post" onsubmit="return isCommit('<%=school.getSchoolid()%>');">
<input type="image" src="images/gimg/button_delete_sel.gif" alt="刪除" />
<Script language="JavaScript">
<!--
function isCommit(schoolid){	//用于刪除訂閱表

	var isCheck= MustChecked('deletecheckbox');

          var isCommit=false;
	if(isCheck)	isCommit = confirm("确定要刪除該訂閱嗎?");
	else alert("請選擇要刪除的訂閱項.");

  	if(isCommit){
      var url="subscriptions.html?method=delete&schoolId="+schoolid;
	  document.deleteform.action=url;
   }
   
   else
       return false;
}

//-->
</Script>

评论

1 楼 kenbli 2008-02-05  

<span class="style5"> 刪除 <input type="checkbox" name="movemenber" value="checkbox" onclick="javascript:var name='deletecheckbox';selectandclear(name);"></span> <!--全選中或全不選中的checkbox-->


</Script>
//************************全選中或全不選中的方法***********************************************/
function selectandclear(name){
 if(document.all.movemenber.checked==true)selectAll(name);
 if(document.all.movemenber.checked==false)clearAll(name);

}

function selectAll(name){
	var el = document.getElementsByTagName('input');
	var len = el.length;
	for(var i=0; i<len; i++){
		if((el[i].type=="checkbox") && (el[i].name.indexOf(name))!=-1)
			el[i].checked = true;
	}
}

function clearAll(name){
	var el = document.getElementsByTagName('input');
	var len = el.length;
	for(var i=0; i<len; i++){
		if((el[i].type=="checkbox") && (el[i].name.indexOf(name))!=-1)
			el[i].checked = false;

	}
}

//-->
</Script>