<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
function show(){
var h=document.body.scrollTop;
var divh= document.getElementById("mydiv").style.pixelTop;
document.title=h;
document.getElementById("mydiv").style.top=(h+100)+"px";
}
function closeme(){
document.getElementById("mydiv").style.display="none";
}
window.onscroll=show;
function selAll(n){
var sz= document.getElementsByName("hello"); //一个数组
for(var i=0;i<sz.length;i++){
sz[i].checked=n;
}
}
function getValue(){
var sz= document.getElementsByName("hello"); //一个数组
for(var i=0;i<sz.length;i++){
if (sz[i].checked==true )
{
alert(sz[i].value);
}
}
}
var sz=["湖南省","湖北省","广东省"];
var citys=[
[],
["常德","长沙","郴州","衡阳","怀化"],
["黄冈","黄石","荆门","荆州","潜江","神农架林区"],
["东莞","佛山","广州","河源","惠州","江门"]
];
function initsel(){
var sheng=document.getElementById("sheng"); //找到第一个下拉列表
for(var i in sz){
var op=new Option(sz[i],sz[i]);
sheng.options.add(op);
}
}
function initshi(){
//得到 选择了哪个省
var sheng=document.getElementById("sheng"); //找到第一个下拉列表
var shi=document.getElementById("shi"); //找到第一个下拉列表
// alert(sheng.value); 值
var i=sheng.selectedIndex;
shi.innerHTML=""; //清空
var op=new Option("请选择一个市","");
shi.options.add(op);
for(var j in citys[i]){
var op=new Option(citys[i][j],citys[i][j]);
shi.options.add(op);
}
}
</SCRIPT>
</HEAD>
<BODY onload="initsel()">
<div id="mydiv" style="position:absolute;top:100px;left:50px;">
<a href="javascript:closeme()" >关闭</a><br/>
<img src="jobs.jpg" />
</div>
<div style="height:100px;background:yellow">内容</div>
<INPUT TYPE="checkbox" NAME="hello" value="1">长沙
<INPUT TYPE="checkbox" NAME="hello" value="2">湘潭
<INPUT TYPE="checkbox" NAME="hello" value="3">株洲
<INPUT TYPE="checkbox" NAME="hello" value="4">常德
<INPUT TYPE="checkbox" NAME="hello" value="5">湘乡
<INPUT TYPE="checkbox" NAME="hello" value="6">娄底
<INPUT TYPE="button" VALUE=" 全选 " ONCLICK="selAll(true)">
<INPUT TYPE="button" VALUE=" 不选 " ONCLICK="selAll(false)">
<INPUT TYPE="button" VALUE=" 取值 " ONCLICK="getValue()">
省<SELECT id="sheng" onchange="initshi()">
<option>请选择一个省
</SELECT>
市
<SELECT id="shi">
<option>请选择一个市
</SELECT>
</BODY>
</HTML>
