<style type="text/css">

    body, ul, li

    {

        margin: 0;

        padding: 0;

        font-size: 13px;

    }

    ul, li

    {

        list-style: none;

    }

    #divselect

    {

        width: 186px;

        margin: 80px auto;

        position: relative;

        z-index: 10000;

    }

    #divselect cite

    {

        width: 150px;

        height: 24px;

        line-height: 24px;

        display: block;

        color: #807a62;

        cursor: pointer;

        font-style: normal;

        padding-left: 4px;

        padding-right: 30px;

        border: 3px solid #333333;

        background: url(xjt.png) no-repeat right center;

    }

    #divselect ul

    {

        width: 184px;

        border: 1px solid #333333;

        background-color: #ffffff;

        position: absolute;

        z-index: 20000;

        margin-top: -1px;

        display: none;

    }

    #divselect ul li

    {

        height: 24px;

        line-height: 24px;

    }

    #divselect ul li a

    {

        display: block;

        height: 24px;

        color: #333333;

        text-decoration: none;

        padding-left: 10px;

        padding-right: 10px;

    }

    #divselect ul li a:hover

    {

        background-color: #CCC;

    }

    p

    {

        margin: 10px auto;

        width: 920px;

    }

    #n

    {

        margin: 10px auto;

        width: 920px;

        border: 1px solid #CCC;

        font-size: 12px;

        line-height: 30px;

    }

    #n a

    {

        padding: 0 4px;

        color: #333;

    }

</style>

<form id="form1"action="" method="post">

<div id="divselect" class="divselect">

      <cite>请选择特效分类</cite>

      <ul>

         <li><a href="javascript:;" selectid="1">导航菜单</a></li>

         <li><a href="javascript:;" selectid="2">下拉select效果</a></li>

         <li><a href="javascript:;" selectid="3">select模拟</a></li>

         <li><a href="javascript:;" selectid="4">DIVCSS5特效</a></li>

         <li><a href="javascript:;" selectid="5">jquery 下拉特效</a></li>

      </ul>

  </div>

  <br />

  <div id="divselect" class="divselect1">

      <cite>请选择特效分类</cite>

      <ul>

         <li><a href="javascript:;" selectid="6">导航</a></li>

         <li><a href="javascript:;" selectid="7">下拉</a></li>

         <li><a href="javascript:;" selectid="8">模拟</a></li>

         <li><a href="javascript:;" selectid="9">特效</a></li>

         <li><a href="javascript:;" selectid="10">下拉特效</a></li>

      </ul>

  </div>

  <input name="" value="" id="inputselect"/> //获取的数据

</form>

<input type="button" value="get" onclick="get()" />

$(function(){

    $.divselect(".divselect", "#inputselect");

    $.divselect(".divselect1", "#inputselect");

});  //定义了两个下拉框

function get() {

        var dd = document.getElementById("inputselect");

        alert(dd.value);

    }  //弹出获取的数据