现在我想实现校内的那种实现大学选择的功能,就是一点击输入框,就会弹出一选择框,进行选择,应该是用到javascript吧,但不知道该怎么实现?向大家请教!!

解决方案 »

  1.   

    <html>
    <head>
    <title>测试innerHTML</title>
    <script language="javascript">
    function select2(){
      document.getElementById("select2").style.display="";
    }
    function text(){
    var objSelect = document.getElementById("select2");
    var length2 = objSelect.options.length;
    var obj = "";
    for (var i = 0; i < length2; i++) {
    if (objSelect[i].selected == true) {
    obj = objSelect.options[i].text;
                                                   document.getElementById("txt1").value=obj;
    }
    }
          document.getElementById("select2").style.display="none";
    }</script>
    </head>
    <body>
    <input type="text" name="txt1" id="txt1" onclick="select2();"></input>
    <select name="select2" id="select2" onchange="text()" style="display:none">
    <option value="1">
    Legion bravado
    </option>
    <option value="1">
    sea
    </option>
    <option value="1">
    zhy
    </option></select>
    </body>
    </html>