站长资源 网络编程

javascript实现的仿51job地址多项选择方式效果

整理:jimmy2026/8/6浏览2次

简介类似51job效果的地址选择您已选择的城市汇总请选择城市 [取消] [确定] 第0层第1层第2层第3层北京福建四川江苏上海云南贵州黑龙江吉林辽宁美国阿富汗日本您已选择的城市

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>类似51job效果的地址选择</title> <style type="text/css">  </style> </head> <body>  <input name="button" type="button" class="bton pointer" value="请选择" onclick="openBg(1);openSelect(1)"/>   <h2>您已选择的城市汇总</h2>          <h2 class="left">请选择城市</h2> [取消] [确定]     <select name="" onchange="showSelect(this.value)" style="margin-bottom:10px;"> <option value="0">第0层</option> <option value="1">第1层</option> <option value="2">第2层</option> <option value="3">第3层</option> </select>  <input type="checkbox" name="ck00" onclick="addPreItem()" value="北京"/>北京 <input type="checkbox" name="ck00" onclick="addPreItem()" value="福建"/>福建 <input type="checkbox" name="ck00" onclick="addPreItem()" value="四川"/>四川 <input type="checkbox" name="ck00" onclick="addPreItem()" value="江苏"/>江苏   <input type="checkbox" name="ck01" onclick="addPreItem()" value="上海"/>上海 <input type="checkbox" name="ck01" onclick="addPreItem()" value="云南"/>云南 <input type="checkbox" name="ck01" onclick="addPreItem()" value="贵州"/>贵州   <input type="checkbox" name="ck01" onclick="addPreItem()" value="黑龙江"/>黑龙江 <input type="checkbox" name="ck01" onclick="addPreItem()" value="吉林"/>吉林 <input type="checkbox" name="ck01" onclick="addPreItem()" value="辽宁"/>辽宁   <input type="checkbox" name="ck01" onclick="addPreItem()" value="美国"/>美国 <input type="checkbox" name="ck01" onclick="addPreItem()" value="阿富汗"/>阿富汗 <input type="checkbox" name="ck01" onclick="addPreItem()" value="日本"/>日本      <h2>您已选择的城市</h2>       </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：jQuery 渐变下拉菜单

下一篇：javascript 日期联动选择器 [其中的一些代码值得学习]

站长资源 网络编程

javascript实现的仿51job地址多项选择方式效果

最新资源

一句话新闻

标签云