1. 程式人生 > >3.2作業

3.2作業

1.建立table表格,要求:
  點選某一行,則該行變色(選中)。


2.用下拉列表框實現省市級聯效果。
  <select>
     <option value=""></option>
  </select>


  提示:使用陣列
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>選中行並變色</title>
    
    <script>
    	function tagsCheck(j){
    		var x=document.getElementsByTagName("tr").length;
    		//遍歷獲取表格中的資訊
    		for(var i=0;i<x;i++){
    			 var temp = document.getElementsByTagName("tr")[i];  
        if (j == temp) {  
            //滑鼠選中的標籤樣式  
            temp.style.background = "#00FF00";  
  
        } else {  
            //恢復原來的背景顏色  
            temp.style.background = "";  
        }  
  
    		}
    	}
    </script>
   
</head>
<body>
<table border="1px" align="center" bgcolor="aquamarine">
		
	<tr onclick="tagsCheck(this)">
		<td>第一行內容</td>
		<td>身體健康</td>
	</tr>
	
	<tr onclick="tagsCheck(this)">
		<td>第二行內容</td>
		<td>學業進步</td>
	</tr>
	
	<tr onclick="tagsCheck(this)">
		<td>第三行內容</td>
		<td>每天開心</td>
	</tr>
	
	</table>

</body>
</html