<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>
