var dept ="<%=getdataset()%>";
            var genderArr = dept.split(",");
            for(var i=0;i<genderArr.length-1;i++)
           { 
            var varItem = new Option(genderArr[i],genderArr[i]);
            document.getElementById("Gender").options.add(varItem); 
           }dept和genderArr的值都是对的,但是就是不能给select"Gender"添加新的option。
为什么??

解决方案 »

  1.   

              var dept =" <%=getdataset()%>"; 
                var genderArr = dept.split(","); 
                for(var i=0;i <genderArr.length-1;i++) 
              { 
                document.getElementById("Gender").options[i]=new Option(genderArr[i],genderArr[i]); 
              } 
      

  2.   

    还是不行,这是我的html
    <table id="tbl">
    <tr ><td colspan="2"><input id="btnAdd" type="button" value="Add"  onclick="return btnAdd_onclick()" /></td></tr>
    <tr id="actionrow">
    <td>Dept.<select id="Gender" name="D1" onchange="return ChangeSelect(this)">
            </select>
            </td>
    <td style="display:none" id="personInfo">
            Name
            <select id="Person" name="D2" >
                <option></option>
            </select>
            </td>
            </tr>
    </table>
      

  3.   

    options 是一数组
    也可以用 options.push(....) 来添加
      

  4.   

    右键查看源代码  把运行后的html代码贴出来
      

  5.   

    说是object required,会不会是document.getbyitmeid没起作用阿?
      

  6.   


              var dept =" <%=getdataset()%>"; 
                var genderArr = dept.split(","); 
                var obj=document.getElementById("Gender")
                for(var i=0;i <genderArr.length-1;i++) 
              { 
                 CreateOption(obj,genderArr[i],genderArr[i])
              } 
    function CreateOption(obj,v,t)
    {
    var opTemp=document.createElement("option");    
    opTemp.value=v;
    opTemp.text=t;
    try
    {
       
    obj.add(opTemp);
    }
    catch(e)
    {
    obj.add(opTemp, null);
    }
    }
      

  7.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1"><title>
    Untitled Page
    </title>
        <script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript">
          var i=0;            var dept ="PO,Product,Service,";
                var genderArr = dept.split(",");
                alert(genderArr[0]);
                for(var j=0;j<genderArr.length-1;j++)
               { 
                var varItem = new Option(genderArr[i],genderArr[i]);
                document.getElementById("Gender").options.add(varItem);            }
    </script>
    </head>
    <body>
        <form name="form1" method="post" action="Default2.aspx" id="form1">
    <div>
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTQwMDkwNTc1NGRkpmdxxPPSWI7MaCo/G5UHGkkmD24=" />
    </div>    <div>
    <table id="tbl"><tr ><td colspan="2"><input id="btnAdd" type="button" value="Add"  onclick="return btnAdd_onclick()" /></td></tr>
    <tr id="actionrow"><td>Dept.<select id="Gender" name="D1" onchange="return ChangeSelect(this)">
            </select>
            </td>
            <td style="display:none" id="personInfo">
            Name
            <select id="Person" name="D2" >
                <option></option>
            </select>
            </td>
            </tr></table>
     </div>
        </form>
    </body>
    </html>
      

  8.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head id="Head1"> <title> 
    Untitled Page 
    </title> 
        <script type="text/javascript" src="js/jquery.min.js"> </script> </head> 
    <body> 
        <form name="form1" method="post" action="Default2.aspx" id="form1"> 
    <div> 
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTQwMDkwNTc1NGRkpmdxxPPSWI7MaCo/G5UHGkkmD24=" /> 
    </div>     <div> 
    <table id="tbl"> <tr > <td colspan="2"> <input id="btnAdd" type="button" value="Add"  onclick="return btnAdd_onclick()" /> </td> </tr> 
    <tr id="actionrow"> <td>Dept. <select id="Gender" name="D1" onchange="return ChangeSelect(this)"> 
            </select> 
            </td> 
            <td style="display:none" id="personInfo"> 
            Name 
            <select id="Person" name="D2" > 
                <option> </option> 
            </select> 
            </td> 
            </tr> </table> 
    </div> 
        </form> <script type="text/javascript"> 
          var i=0;             var dept ="PO,Product,Service,"; 
                var genderArr = dept.split(","); 
                alert(genderArr[0]); 
                for(var j=0;j <genderArr.length-1;j++) 
              { 
                var varItem = new Option(genderArr[i],genderArr[i]); 
                document.getElementById("Gender").options.add(varItem);           } 
    </script> 
    </body> 
    </html> 
      

  9.   

    document.getElementById("Gender").options[document.getElementById("Gender").options.length]=new Option(genderArr[i],genderArr[i]); 
    即可
      

  10.   

    9楼的可以,把obj.options.add()..换成obj.add()..就行了