一个关于表单属性的问题?

思路
在select 上面叠一个text框

解决方案 »

  1.   

    select 好象不行,不过你可以用层+样式+图片
    做一个假select那样你就可以为所欲为了.
      

  2.   

    怎样做啊,楼上的能不能给我发段代码?
    my e-mail is [email protected]
      

  3.   

    嘿.试试下面的代码..从51js转来的<head>
    <style>
    <!--
    .cls1 { position:absolute; left:250px; top:89px; width:216px; height:72px; z-index:1; }
    .cls2 { position:absolute; left:250px; top:89px; width:95px; height:18px; z-index:2 }
    input { font-size: 12px; padding-top: 2px; padding-left: 2px;width:127;}
    //-->
    </style>
    </head>
    <script>
    <!--
    function addOption(){
    var html="<input type=text name=test onkeyup=addOption() size=20 style=width:127;height:23>";
    var flag=true;
    if(event.keyCode==13)
    {
    var select_obj = document.getElementById("myselect");
    var text_value   = document.getElementById("test").value;
    for(var i=0;i<select_obj.length;i++){
    if(text_value==select_obj[i].text){
    flag=false;
    break;
    }
    else flag=true;
    }
    if(flag){
    var the_option= new Option(text_value,text_value);

    select_obj.add(the_option);
    document.all["cls2"].innerHTML=html;
    select_obj.selectedIndex = select_obj.options.length-1
    }
    }

    }
    </script>
    <div class="cls1" style="clip:rect(3 280 21 110)">
      <select name="myselect" style="width:127" onchange="document.getElementById('test').value=this.value">
      </select>
    </div>
    <div name=cls2 id=cls2 class=cls2>
    <input type="text" name="test" onkeyup="addOption()" size="20" style="width: 127; height: 23">
    </div>