先声望不是做广告哈。在www.51job.com招聘网站首页选择地区的时候在页面中间弹出一个DIV对话框。可以选择地区。如下图
谢谢了!!!!

解决方案 »

  1.   

    DIV没做过,你可以试着弹出一个新的页面,当弹出页面关闭的时候,把这个页面上选择的省份回传到他的父页面去就OK了撒
      

  2.   

    http://www.cnblogs.com/zhengyulu-2008/archive/2008/07/31/1256957.html
      

  3.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    </HEAD>
    <BODY>
    <form action="" method="post" name="inputForm" >
    <table width="703" height="259" align="center" cellpadding="0" cellspacing="0" class="txtTextBox">
    <tr>
    <td ><img src="images/search_top.gif"></td>
    </tr> <tr>
    <td height="25"><img src="images/register-arrow.gif">关键字搜索</td>
    </tr> <tr>
    <td ><input type="text" name="showGet" class="txtBox">
    <input name='jobAdress' type="button" value="工作地点" class="txtSubmit" onClick="showJob('ss','Adress')"></td>
    </tr> <tr>
    <td>
    <div id="advss">
    <table>
    <tr>
    <td height="24" colspan="6"><img src="images/register-arrow.gif">更多搜索</td>
    </tr>
    <tr>
    <td width="73" align="center"> 职能类别</td>
    <td colspan="2" align="center"><input name="button" type="button" class="txtSubmit" value="选择/修改" onClick="showDiv('Get'),showJob('ss','Type')"></td>
    <td width="167">行业类别</td>
    <td colspan="2" align="center"><input type="button" value="选择/修改" class="txtSubmit" onClick="showDiv('Show'),showJob('ss','Type')"></td>
    </tr>
    <tr>
    <td colspan="3" align="center">
    <div id="advGet" style="display:none;">
    IT管理<br>
    写作/出版/印刷<br>
    房地产
    </div>
    </td>
    <td colspan="3" align="center">
    <div id="advShow" style="display:none;">
    </div>
    </td>
    </tr> <tr>
    <td align="center">发布日期</td>
    <td width="143" align="center">
    <select name="date">
    <option value="请选择" checked="checked">--请选择--</option>
    </select>   
    </td>
    <td width="59">工作年限
        </td>
    <td align="center">
    <select name="job">
    <option value="请选择" checked="checked">--请选择--</option>
    </select>
    </td>
    <td width="62">月薪范围</td>
    <td width="145" align="center">
    <select name="money">
    <option value="请选择" checked="checked">--请选择--</option>
    </select>   </td>
    </tr> <tr>
    <td align="center">公司性质</td>
    <td align="center"> 
    <select name="gong">
    <option value="请选择" checked="checked">--请选择--</option>
    </select> </td>
    <td>学历要求</td>
    <td align="center">
    <select name="sudent">
    <option value="请选择" checked="checked">--请选择--</option>
    </select>
    </td>
    <td>工作类型</td>
    <td align="center">
    <select name="jobType">
    <option value="请选择" checked="checked">--请选择--</option>
    </select>
    </td>
    </tr> <tr>
    <td colspan="6" align="center"><img src="images/search-job.gif"></td>
    </tr> <tr>
    <td colspan="6" align="center"><img src="images/search_bottom.gif"></td>
    </tr> </table>
    </div>
    </td>
    </tr> <tr>
    <td>
    <div id="advAdress" style="display:none;" >
    <table cellpadding="0" cellspacing="0" class="txtCity">
    <tr>
    <td colspan="3" align="left" background="images/register-line.gif"><span class="STYLE1"><img src="images/orangearrow.gif">请选择工作地点</span></td>

    <td colspan="3" align="right" background="images/register-line.gif"><A href="JavaScript:showJob('Adress','ss')"><span class="STYLE1">[关闭]</span></A></td>
    </tr> <tr>
    <td><A href="JavaScript:showCity('Bei')" id="ctiyBei">北京市</A></td>
    <td><A href="JavaScript:showCity('Hai')" id="ctiyHai">上海市</A></td>
    <td><A href="JavaScript:showCity('Guang')" id="ctiyGuang">广东省</A></td>
    <td><A href="JavaScript:showCity('Shen')" id="ctiyShen">深圳市</A></td>
    <td><A href="JavaScript:showCity('Tian')" id="ctiyTian">天津市</A></td>
    <td><A href="JavaScript:showCity('Chong')" id="ctiyChong">重庆市</A></td>
    </tr> <tr>
    <td><A href="JavaScript:showCity('JIang')" id="ctiyJIang">江苏省</A></td>
    <td><A href="JavaScript:showCity('Zhe')" id="ctiyZhe">浙江省</A></td>
    <td><A href="JavaScript:showCity('Si')" id="ctiySi">四川省</A></td>
    <td><A href="JavaScript:showCity('Nan')" id="ctiyNan">海南省</A></td>
    <td><A href="JavaScript:showCity('Fu')" id="ctiyFu">福建省</A></td>
    <td><A href="JavaScript:showCity('San')" id="ctiySan">山东省</A></td>
    </tr>
    <tr>
    <td><A href="JavaScript:showCity('Xi')" id="ctiyXi">江西省</A></td>
    <td><A href="JavaScript:showCity('GX')" id="ctiyGX">广西</A></td>
    <td><A href="JavaScript:showCity('An')" id="ctiyAn">安徽省</A></td>
    <td><A href="JavaScript:showCity('He')" id="ctiyHe">河北省</A></td>
    <td><A href="JavaScript:showCity('HN')" id="ctiyHN">河南省</A></td>
    <td><A href="JavaScript:showCity('HB')" id="ctiyHB">湖北省</A></td>
    </tr>
    <tr>
    <td><A href="JavaScript:showCity('Hu')" id="ctiyHu">湖南省</td>
    <td><A href="JavaScript:showCity('Shan')" id="ctiyShan">陕西省</td>
    <td><A href="JavaScript:showCity('Hei')" id="ctiyHei">黑龙江省</td>
    <td><A href="JavaScript:showCity('Ji')" id="ctiyJi">吉林省</td>
    <td><A href="JavaScript:showCity('Xin')" id="ctiyXin">新疆</td>
    <td><A href="JavaScript:showCity('Qing')" id="ctiyQing">青海省</td>
    </tr>
    </table>
    </div>
    </td>
    </tr> <tr>
    <td>
    <div id="advType" style="display:none;">
    <table cellpadding="0" cellspacing="0" class="txtCity">
    <tr>
    <td colspan="3" align="left" background="images/register-line.gif"><span class="STYLE1"><img src="images/orangearrow.gif">请选择您想搜索的行业</span></td>
    <td colspan="2" align="right" background="images/register-line.gif"><A href="JavaScript:trainshow('jobType','','')"><span class="STYLE1">[确定]</span></A> <A href="JavaScript:showJob('Type','ss')"<span class="STYLE1">[关闭]</span></A></td>
    </tr> <tr>
    <td><INPUT TYPE="checkbox" id="jobType" value="计算机软件">计算机软件</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="计算机硬件">计算机硬件</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="计算机服务">计算机服务</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="通信/电信/网络设备">通信/电信/网络设备</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="互联网/电子商务">互联网/电子商务</td>
    </tr> <tr>
    <td><INPUT TYPE="checkbox" id="jobType" value="网络游戏">网络游戏</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="会记/审计">会记/审计</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="金融/投资/证劵">金融/投资/证劵</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="银行">银行</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="批发/零售">批发/零售</td>
    </tr>
    <tr>
    <td><INPUT TYPE="checkbox" id="jobType" value="贸易/进出口">贸易/进出口</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="保险">保险</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="办公用品集设备">办公用品集设备</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="快速消费品">快速消费品</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="机械/设备/重工">机械/设备/重工</td>
    </tr>
    <tr>
    <td><INPUT TYPE="checkbox" id="jobType" value="教育/培训">教育/培训</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="学术/科研">学术/科研</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="科研人员">科研人员</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="检测/认证">检测/认证</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="餐饮/娱乐">餐饮/娱乐</td>
    </tr>
    <tr>
    <td><INPUT TYPE="checkbox" id="jobType" value="酒店/旅游">酒店/旅游</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="生活服务">生活服务</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="美容/保健">美容/保健</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="航天/航空">航天/航空</td>
    <td><INPUT TYPE="checkbox" id="jobType" value="石油/化工/矿产">石油/化工/矿产</td>
    </tr>
    </table>
    </div>
    </td>
    </tr>
    </table>
    </form>
    </BODY>
    </HTML>
      

  4.   


    <style type="text/css">
    <!--
    .STYLE1 {color: #FFFFFF}
    .txtSubmit {
    background-image:url(images/search-1.gif);
    margin:0px;
    padding:0px;
    border:0px;
    width:80px;
    height:27px;
    }.txtBox {
    border: 1 solid black;
    width:400px;
    }
    .txtTextBox {
    width:660px;
    border-right-width:3px;
    border-right-style:solid;
    border-right-color:#C25012;
    border-left-style:solid;
    border-left-color:#C25012;
    border-left-width:3px;
    }
    .txtCity {
    width:660px;
    }
    A {
    text-decoration:none;
    }
    -->
    </style>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function showDiv(number) {
    if (document.getElementById("adv" + number).style.display == "none") {
    document.getElementById("adv" + number).style.display = "block";
    } else if 
    (document.getElementById("adv" + number).style.display == "block") {
    document.getElementById("adv" + number).style.display = "none";
    }
    } function showJob(show1,show2) {
    document.getElementById("adv" + show1).style.display = "none";
    document.getElementById("adv" + show2).style.display = "block";
    } function showCity(city) {
    document.inputForm.jobAdress.value= document.getElementById("ctiy" + city).innerHTML;
    document.getElementById("advAdress").style.display = "none";
    document.getElementById("advss").style.display = "block";
    }

    function trainshow(box) {
    var ss = "";
    var tt, n = 0;
    var nn = document.all.item(box);
    for (var j = 0; j < nn.length; j++) {
    if (document.all.item(box,j).checked) {
    n = n + 1;
    tt = document.all.item(box,j).value +"";
    if (n == 1) {
    ss = tt;
    } else {
    ss = ss + "<br>" + tt; 
    }
    }
    }
    document.getElementById("advShow").innerHTML = ss;
    document.getElementById("advss").style.display = "block";
    document.getElementById("advType").style.display = "none";
    document.getElementById("advGet").style.display = "block";
    }
    //-->
    </SCRIPT>
      

  5.   

    感谢,不过后来结合jqueyr.ui自己做了个