第二次作业
第一题
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<select id ="province">
<option value="-1"> 请选择</option>
</select>
<select id="city"></select>
<select id="country"></select>
<script>
var provinceArr=['上海','江苏','河北'];
var cityArr=[
['上海市'],
['苏州市','南京市','扬州市'],
['石家庄','秦皇岛','张家口']
];
var countryArr=[
[ ['黄埔区','静安区','长宁区','浦东区'], ],
[ ['吴中区','姑苏区'], ['玄武区','秦淮区'], ['广陵区','江都区'] ],
[ ['长安区','桥西区'], ['海港区','上海关'], ['桥东区','桥西区'] ]
];
function createOption(obj,date){
for (var i in date){
var op =new Option(date[i],i);
obj.options.add(op)
}
}
var provine=document.getElementById('province');
createOption(province,provinceArr);
var city =document.getElementById('city');
province.onchange=function(){
city.option.length=0;
createOption(city,cityArr[province.value]);
};
var country =document.getElementById('country');
city.onchange=function(){
country.options.length=0;
createOption(country,countryArr[province.value][city.value]);
};
province.onchange=function(){
city.options.length=0;
createOption(city ,cityArr[province.value]);
if (province.value>=0){
city.onchange();
}
else {
country.options.length=0; }
};
</script>
</body>
</html>
第2题
<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <script> var arr = new Array(1,2,3,4,2,5,6,2,7,2); var arr2 = new Array(); for(var i =0,j=0; i<arr.length-1; i++){ if(arr[i]!=2){ arr2[j]=arr[i]; j++; } } document.write(arr2); </script> </head> <body> </body></html><!DOCTYPE html>
<html><head> <meta charset="utf-8"> <title>编写函数实现单击change按钮，为div元素添加红色双线的边框。</title> <style type="text/css"> div{ font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei",sans-serif; width: 600px; text-align: center; } .haha{ margin-top: 20px; margin-left: 250px; font-size: 20px; } .haha:hover{ border: 3px solid purple; } </style></head><body> <div id="joy"> <p>咱们什么都没有，唯一的本钱就是青春。</p> </div> <button class="haha" onclick="myFunction()">change</button> <script type="text/javascript"> function myFunction(){ var Color = document.getElementById("joy"); Color.style.border = "3px double red"; Color.innerHTML = "<p>那就努力改变自己吧，不辜负这大好的青春，不辜负自己！</p>"; } </script></body></html>
浙公网安备 33010602011771号