3.2作業
阿新 • • 發佈:2019-01-06
1.建立table表格,要求:
點選某一行,則該行變色(選中)。
2.用下拉列表框實現省市級聯效果。
<select>
<option value=""></option>
</select>
提示:使用陣列
點選某一行,則該行變色(選中)。
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