<select name="">
<option value="1">小区名称</option>
<option value="2">地址</option>
</select>你要的是这个?

解决方案 »

  1.   

    应该不能有类似这种的吧?<select name="">可以写出来吗?
      

  2.   

    你是要组件还是直接用HTML语言写?
    HTML写就同一楼
      

  3.   

    <script language="Javascript"> 
    function aa()
    {
    document.write('<select name="a"><option value="1">小区名称</option><option value="2">地址</option></select>');
    }
    </script>
      

  4.   

    无聊写着玩
    看看符合要求不
    -------------------
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">  <style>
    .border{
    width:148px;
    height:25px;
    border:1px #ccc solid;
    }
    .select{
    width:144px;
    height:21px;
    margin:2px;
    cursor:hand;
    }
    .options{
    border:1px #ccc solid;
    border-top:0px;
    width:150px;
    display:inline;
    }
    .options_hid{
    display:none;
    } .option{
    height:25px;
    line-height:25px;
    cursor:hand;
    }
    .option:hover{
    height:25px;
    line-height:25px;
    background-color:#0000FF;
    }.span{
    height:30px;
    width:40px;
    border:1px solid #ccc;
    }
    .span:hover{
    color:#f00;
    background-color:#000000;
    }
      </style>
     </HEAD> <BODY>
    <div class="border"><div class="select" id="select" selectValue="" onclick="showOptions()"></div></div>
    <div class="options_hid" id="options">
    <div class="option" value="1" onclick="select(this)">aaa</div>
    <div class="option" value="2" onclick="select(this)">bbb</div>
    </div><br />
    <hr />
    <br/> <select>
    <option>a</option>
    <option>b</option>
    <option>c</option>
    </select>
     </BODY>
    </HTML>
    <script language="javascript">
    function select(o){
    var oSelect = document.getElementById("select");
    oSelect.innerHTML = o.innerHTML;
    oSelect.selectValue = o.value;
    document.getElementById("options").className = "options_hid";
    oSelect.style.backgroundColor = "#00f";
    event.cancelBubble = true;
    }
    function showOptions(){
    var oOptions = document.getElementById("options");
    if(oOptions.className == "options_hid"){
    oOptions.className = "options";
    }else if(oOptions.className == "options"){
    oOptions.className = "options_hid";
    }
    }
    document.body.onclick = function(){
    document.getElementById("select").style.backgroundColor="#fff";
    }
    </script>
      

  5.   

    你可以自己在
    div class="border"><div class="select" id="select" selectValue="" onclick="showOptions()"></div></div>
    中加一个向下的箭头图片 做得更像一些如:
    div class="border"><div class="select" id="select" selectValue="" onclick="showOptions()"></div><img src="" /></div>