<html>
<head>
<meta charset="utf-8"/>
<title>联动</title>
<script>
var cities=[
["杭州","宁波","温州"],
["南京","无锡","苏州"],
["济南","青岛","烟台"]
]
//select.value用来获取下拉选的值
//1.若value没有属性,则它会返回option的内容
//2.若有value属性,则会返回option的value值
function set_city(){
//获取省
var sel1=document.getElementById("province")
console.log(sel1.value)
var pindex=sel1.value
var pcities=cities[pindex-1]
//删除原有的市
var sel2=document.getElementById("city")
sel2.innerHTML="<option>请选择</option>"
//var options=sel2.children
//for(var i=options.length-1i>0i--){
// options[i].remove()
//}
//添加新的城市
for(var i=0i<pcities.lengthi++){
var name=pcities[i]
var option =document.createElement("option")
option.innerHTML=name
sel2.appendChild(option)
}
}
</script>
</head>
<body>
<!-- onchange是值改变事件,只有当值发生
改变后,才会改变 -->
省:
<select onchange="set_city()" id="province">
<option value="0">请选择</option>
<option value="1">浙江省</option>
<option value="2">江苏省</option>
<option value="3">山东省</option>
</select>
市:
<select id="city">
<option>请选择</option>
</select>
</body>
</html>
js要自己写出来确实不容易。但你可以去网上找一些好用的js特效出来，下载下来研究下怎么替换里面的图片或修改链接，改变图片尺寸，看明白了这些，那这效果你就可以直接用了。。要学习写的话那就得着重学习一下javascript，jquery之类的。。希望对你有帮助，如还不懂的话就hi我onclick="guess()" 你写成了 onclik
我帮你改好了，完整的代码如下：
<script type="text/javascript">//生成一个随机数由于该变量在函数外称全局变量
//该代码是页面加载时执行的
var init_num=parseInt(Math.random()*100)+1
function guess(){
//获取文本框
var input=document.getElementById("num")
//获取段落
var p=document.getElementById("result")
//获取文本框的值
var n=input.value
if(n==""||isNaN(n)){
//输入为空或不是数字给与提示
p.innerHTML="请输入1-100的整数"
}else{
//进行判断
if(n<init_num)
{
p.innerHTML="小了"
}else if(n>init_num){
p.innerHTML="大了"
}else{
p.innerHTML="对了"
}
}
}
</script>
</head>
<body>
<input type="text" id="num"/>
<input type="button" value="猜" onclick="guess()"/>
<p id="result"></p>
</body>
</html>
