1.创建table表格,要求:点击某一行,则该行变色(选中)。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>table行变色</title>
<script type="text/javascript">
function changeCheck(obj) {
var content=document.getElementsByTagName('tr');
for (var i = 0; i < content.length; i++) {
var c=content[i];
if (obj==c) {
c.style.backgroundColor="yellow";
} else {
c.style.backgroundColor="";
}
}
}
</script>
</head>
<body>
<table border="1" align="center" >
<thead>
<th>学号</th>
<th>姓名</th>
<th>科目</th>
<th>成绩</th>
</thead>
<tbody>
<tr οnclick="changeCheck(this)">
<td>01</td>
<td>慕寒</td>
<td>语文</td>
<td>89</td>
</tr>
<tr οnclick="changeCheck(this)">
<td>02</t>
<td>沐阳 </td>
<td>语文</td>
<td>98</td>
</tr>
<tr οnclick="changeCheck(this)">
<td>03</td>
<td>苏朝思</td>
<td>语文</td>
<td>98</td>
</tr>
</tbody>
</table>
</body>
</html>
2.用下拉列表框实现省市级联效果。
<select>
<option value=""></option>
</select>
提示:使用数组
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ProToCity</title>
<script type="text/javascript">
var city1=["西安","咸阳","安康"];
var city2=["昆明","大理","曲靖"];
var city3=["杭州","宁波","温州"];
var array=[];
var citys=document.getElementById('city');
function getCity() {
if("shanxi"==document.getElementById('province1').value){
for (var i = 0; i < city1.length; i++) {
var c1={};
c1.index=i;
c1.name=city1[i];
array.push(c1);
}
for (var j = 0; i < array.length; i++) {
var arr=array[j];
}
citys={"shanxi":arr};
}else if("yunnan"==document.getElementById('province2').value){
for (var i = 0; i < city1.length; i++) {
var c2={};
c2.index=i;
c2.name=city2[i];
array.push(c2);
}
for (var j = 0; i < array.length; j++) {
var arr=array[j];
}
citys={"yunnan":arr};
}else{
for (var i = 0; i < city1.length; j++) {
var c3={};
c3.index=i;
c3.name=city3[i];
array.push(c3);
}
for (var j = 0; i < array.length; j++) {
var arr=array[j];
}
citys={"zhejiang":arr};
}
}
</script>
</head>
<body>
<select name="Province" οnclick="getCity()">
<option value="0">选择省份</option>
<option value="shanxi" id="province1">陕西</option>
<option value="yunnan" id="province2">云南</option>
<option value="zhejiang" id="province3">浙江</option>
</select>
<select name="City" id="city">
<option value="0">选择地区</option>
</select>
</body>
</html>