<SCRIPT>
function addOption(){
var s = document.getElementById("text1").value;
var option = new Option(s, "")
document.getElementById("select1").add(option);
}
</SCRIPT>
</HEAD>
<BODY >
<input type="button" onclick="addOption()" />
<input type="text" id="text1">
<select id = "select1">
</select>

解决方案 »

  1.   


    <button onclick="add();">Add</button>
    <input type="text" id="txt">
    <select id="sel"></select>
    <script>
    var str = "";
    function add(){
    if(txt.value == "") return;
    if(str.indexOf(txt.value + "-") >= 0){
    alert("重复");
    return false;
    }
    sel.options[sel.options.length] = new Option(txt.value, txt.value);
    str += txt.value + "-";
    }
    </script>
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <SCRIPT LANGUAGE="JavaScript"> 
    <!-- 
    function aaa() 

    var val=document.getElementById('a').value;
    var objOption=document.createElement("option");
    objOption.value='6';
    objOption.text=val;
    document.getElementById('b').add(objOption) ;
    }
    //--> 
    </SCRIPT>  </HEAD> <BODY> 
      <input id="a" type="text" />
      <select id="b"></select>
      <input  type="button" onclick="aaa()"/>
     </BODY>
    </HTML>
      

  3.   


    <table width=300 border=0 cellpadding=0 cellspacing=0>
    <form name=srh  onsubmit="return false;" target=_blank>
    <tr><td height=12></td></tr>
    <tr><td width=40% align=center>
    <select name="func" size="8" style="width:120px;height:134;font-size:10.5pt" ondblclick='f_add();'>
    <option p='0' value='1'>1&nbsp;&nbsp;三防功能</option>
    <option p='1' value='2'>2&nbsp;&nbsp;内置天线</option>
    <option p='2' value='3'>3&nbsp;&nbsp;可换外壳</option>
    <option p='3' value='4'>4&nbsp;&nbsp;WAP上网</option>
    <option p='4' value='5'>5&nbsp;&nbsp;多媒体短信</option>
    <option p='5' value='6'>6&nbsp;&nbsp;录音</option>
    <option p='6' value='7'>7&nbsp;&nbsp;语音拨号</option>
    <option p='7' value='8'>8&nbsp;&nbsp;和弦铃声</option>
    <option p='8' value='9'>9&nbsp;&nbsp;自编铃声</option>
    <option p='9' value='10'>10 情景模式</option>
    <option p='10' value='11'>11 来电防火墙</option>
    <option p='11' value='12'>12 内置游戏</option>
    <option p='12' value='13'>13 免提通话</option>
    <option p='13' value='14'>14 动画屏保</option> <option p='14' value='15'>15 无线下载</option>
    <option p='15' value='16'>16 红外接口</option>
    <option p='16' value='17'>17 蓝牙接口</option>
    <option p='17' value='18'>18 支持收音机</option>
    <option p='18' value='19'>19 支持MP3</option>
    <option p='19' value='20'>20 数码相机</option>
    <option p='20' value='21'>21 手写输入</option>
    <option p='21' value='22'>22 Java扩展</option>
    <option p='22' value='23'>23 动态内存</option> <option p='23' value='24'>24 闹钟</option>
    <option p='24' value='25'>25 日历</option>
    <option p='25' value='26'>26 计算器</option>
    <option p='26' value='27'>27 日程表</option>
    <option p='27' value='28'>28 自动开关机</option> </select></td>
    <td width=20% align=center>
    <input type="button" name="add" value="选择 >>" onclick='f_add();'> <br> <br>
    <input type="button" name="del" value="<< 取消" onclick='f_del();'></td>
    <td width=40% align=center>
    <select name="funclist" size="8" style="width:120px;height:134;font-size:10.5pt;" ondblclick='f_del();'>
    </select></td></tr>
    </form>
    </table>
    <script language="JavaScript">
    <!--
    var f1=document.srh.func;
    var f2=document.srh.funclist;
    function f_add() {for(i=0; i<f1.length; i++) {if(f1.options[i].selected) {s1 = f1.options[i];s2 = new Option(s1.text,s1.value);s2.p = s1.p;s2.model = s1.model;f2.add(s2);f1.remove(i);break;}}}
    function f_del() {sel_tmp = new Array();for(i=0; i<f2.length; i++) {if(f2.options[i].selected) {s2 = f2.options[i];s1 = new Option(s2.text,s2.value);s1.p = s2.p;s1.model = s2.model;f_ins(s1);f2.remove(i);break;}}} function f_ins(opt) {j=f1.length;if(j>0) {ss1 = f1.options[j-1];while(ss1.p*1>opt.p*1) {ss2 = new Option(ss1.text,ss1.value);ss2.p = ss1.p;ss2.model = ss1.model;f1.remove[j-1];f1.options[j] = ss2;j--;if(j>0){ss1 = f1.options[j-1];}else {ss1.p = 0;}}}f1.options[j] = opt;}
    //-->
    </script>接分!是这种效果吗
      

  4.   


    <button onclick="add(document.getElementById('txt').value);">Add</button>
    <input type="text" id="txt">
    <select id="sel"></select>
    <script>
    var str = "|";
    function add(s){
      if(s.length==0){return;}
      if(str.indexOf("|"+s+"|")>-1){alert("重复");  return;}
      var sel=document.getElementById('sel')
      sel.options[sel.options.length] = new Option(s,s);
      str += s + "|";
    }
    </script>