<select id=f>
</select><button onclick="f.add(new Option('fason','fason'))">add</button>

解决方案 »

  1.   

    <form>
      <select id=list1 size=8 ondblclick="moveOption(this, this.form.list2)">
        <option value=A>aaaaaaaaaa
        <option value=B>bbbbbbbbbb
        <option value=C>cccccccccc
        <option value=D>dddddddddd
        <option value=E>eeeeeeeeee
        <option value=F>ffffffffff
        <option value=G>gggggggggg
        <option value=H>hhhhhhhhhh
      </select>
      <select id=list2 size=8 ondblclick="moveOption(this, this.form.list1)">
      </select>
    </form>
    <script language="JavaScript"><!--
    function moveOption(e1, e2){
        try{
            var e = e1.options[e1.selectedIndex];
            e2.options.add(new Option(e.text, e.value));
            e1.options.remove(e1.selectedIndex);
        }   catch(e){}
    }
    //--></script>