请教高手一个option选项的问题


现在想用js实现如下功能：
就是用js给下面的select 新增加一项,value='3' text='王五' ,并使其新增加的这项设置为选定状态，
想不起来如何写了，请大家帮忙写出来，谢谢.<select name="select1" id="select1">
   <option value='1'>张三</option>
   <option value='2'>李四</option>
</select>

解决方案 »

  1.   


    //不好意思，我是楼主，补充一下，下面是我增加option选项了函数，但不知道，如何添加完成之后,假如
    给check传递一个true参数，则把该项设置为选定状态。
    function addOption(obj,name,value,check)//增加option选项
    {
    var option = document.createElement("option");
    option.appendChild(document.createTextNode(name));
    option.setAttribute("value",value);
    obj.appendChild(option);
          if(check == true)
          {
              //这里把新添加的这个选项设置为选定状态
         }
    }
      

  2.   


    <select name="select1" id="select1">
       <option value='1'>张三</option>
       <option value='2'>李四</option>
    </select>
    <script>
    function addOption(obj,name,value,check)
    {
        var option = document.createElement("option");
        option.text = name;
        option.value = value;
        option.selected = check;
        obj.add(option);
    }
    addOption(select1,"xx","yy", true);
    </script>
      

  3.   

    <body>
    <script>
    function addOption(parent,txt,value,check)//增加option选项
    {
    parent.options.add(new Option(txt,value))
    if(check)parent.options.selected =parent.options.length-1
    }
    </script>
    <select id='aa' name="select1" id="select1">
       <option value='1'>张三</option>
       <option value='2'>李四</option>
    </select>
    <input value="add" type="button" onClick="addOption(document.getElementById('aa'),'hi world',1,true)">
    </body>
      

  4.   

    请参考以下示例:<html>
    <head></head>
    <body>
    <script language="javascript">
    function addOption(obj,name,value,check)
    {
    var option = document.createElement("option");
    option.text = name;
    option.value = value;
    document.getElementById(obj).add(option);
    var xx=document.getElementById(obj).options.length;
    document.getElementById(obj).options[xx-1].selected=check;
    }
    </script>
    <select name="select1" id="select1">
       <option value='1'>张三</option>
       <option value='2'>李四</option>
    </select>
    <input type="button" value="添加" onClick="addOption('select1','王五','3',true)">
    </body>
    </html>
      

  5.   


    <html>
    <head></head>
    <body>
    <script language="javascript">
    function addOption(obj,name,value,check)
    {
    //防止重复添加start.
    var oo=document.getElementById(obj).options.length;
    for(var i=0;i<oo;i++)
    if(document.getElementById(obj).options[i].innerText==name)
    return false;
    //防止重复添加end.
    var option = document.createElement("option");
    option.text = name;
    option.value = value;
    document.getElementById(obj).add(option);
    var xx=document.getElementById(obj).options.length;
    document.getElementById(obj).options[xx-1].selected=check;
    }
    </script>
    <select name="select1" id="select1">
       <option value='1'>张三</option>
       <option value='2'>李四</option>
    </select>
    <input type="button" value="添加" onClick="addOption('select1','王五','3',true)">
    </body>
    </html>
      

  6.   

    4楼这函数addOption(select1,"xx","yy", true);
    第一个参数select1可以直接取到那个select对象？不用ID也可以吗？
    能帮我解释一下吗？谢谢了。
      

  7.   

    select.add(new Option(value,key))