列表框和文本框数据交换(紧急求助)

请问如何实现这种效果：1.现在在页面有一个文本框和一个列表框2.当我在文本框中输入“aaa”后，点击”添加“按钮，便能将“aaa”加到页面中列表框3.当我在列表框中选择“aaa”后，点击”删除“按钮，便能从列表框中删除”aaa”请高手指点！

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <title>测试</title>
    <script language="javascript">
    function addOption(){
    alert("abbasdf");
    var val = document.getElementById("t1").value;
    var o = document.createElement("OPTION");
    o.value = val;
    o.text = val;
    document.getElementById("s1").add(o);
    }

    function delOption(){
    var o = document.getElementById("s1");
    for(i=0;i<o.options.length;i++){   
      if(o.options[i].selected){   
        o.options[i]=null;//付null即删除   
      }   
    }  
    }
    </script>
    </head>
    <body>
    <input type="text" id="t1" />
    <select id="s1">
    <option value="o1"> o1
    </option>
    <option value="o2"> o2
    </option>
    </select>
    <input type="button" id="b1" value="添加到select" onclick="addOption()"/>
    <input type="button" id="b2" value="删除选中select" onclick="delOption()"/>
    </body>
    </html>IE8下测试通过