您的位置：首页 > 编程语言

Ajax实现无刷新城市选择特效代码

2009-10-14 09:23 351 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<title>Ajax实现无刷新城市选择特效代码 - www.webdm.cn</title>
5<meta http-equiv="content-type" content="text/html;charset=gb2312">
6</style>
65</head>
66<body>
67<DIV id="main">
68 <INPUT class="bton pointer" onclick="openBg(1);openSelect(1)" type="button" value="请选择" name="button">
69 <DIV id="result">
70 <DIV class="tit bgc_eee">
71 <H2>您已选择的城市汇总</H2>
72 </DIV>
73 <DIV class="cont" id="makeSureItem"></DIV>
74 </DIV>
75</DIV>
76<DIV id="bg"></DIV>
77<DIV class="hidden" id="selectItem">
78 <DIV class="tit bgc_ccc move" onmousedown="drag(event,this)">
79 <H2 class="left">请选择城市：</H2>
80 <SPAN class="pointer right" onclick="openBg(0);openSelect(0);">[取消]</SPAN>
81 <SPAN class="pointer right" onclick="makeSure();">[确定]</SPAN>
82 </DIV>
83 <DIV class="cls"></DIV>
84 <DIV class="cont">
85 <DIV id="selectSub">
86 <SELECT style="MARGIN-BOTTOM: 10px" onchange="showSelect(this.value)" name="">
87 <OPTION value="0" selected>中国名城</OPTION>
88 <OPTION value="1">魅力城市</OPTION>
89 <OPTION value="2">东北三省</OPTION>
90 <OPTION value="3">世界城市</OPTION>
91 </SELECT>
92 <DIV id="c00">
93 <INPUT onclick="addPreItem()" type="checkbox" value="北京" name="ck00">北京
94 <INPUT onclick="addPreItem()" type="checkbox" value="福建" name="ck00">福建
95 <INPUT onclick="addPreItem()" type="checkbox" value="四川" name="ck00">四川
96 <INPUT onclick="addPreItem()" type="checkbox" value="江苏" name="ck00">江苏
97 </DIV>
98 <DIV id="c01">
99 <INPUT onclick="addPreItem()" type="checkbox" value="上海" name="ck01">上海
100 <INPUT onclick="addPreItem()" type="checkbox" value="云南" name="ck01">云南
101 <INPUT onclick="addPreItem()" type="checkbox" value="贵州" name="ck01">贵州
102 </DIV>
103 <DIV id="c02">
104 <INPUT onclick="addPreItem()" type="checkbox" value="黑龙江" name="ck01">黑龙江
105 <INPUT onclick="addPreItem()" type="checkbox" value="吉林" name="ck01">吉林
106 <INPUT onclick="addPreItem()" type="checkbox" value="辽宁" name="ck01">辽宁
107 </DIV>
108 <DIV id="c03">
109 <INPUT onclick="addPreItem()" type="checkbox" value="美国" name="ck01">美国
110 <INPUT onclick="addPreItem()" type="checkbox" value="阿富汗" name="ck01">阿富汗
111 <INPUT onclick="addPreItem()" type="checkbox" value="日本" name="ck01">日本
112 </DIV>
113 </DIV>
114 </DIV>
115 <DIV id="preview">
116 <DIV class="tit bgc_eee c_999">
117 <H2>您已选择：</H2>
118 </DIV>
119 <DIV class="cont" id="previewItem"></DIV>
120 </DIV>
121</DIV>
122</script>
242</body>
243</html>
244
245
246

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航