请教:列表框添加optgroup和option的问题。

document.all.mySelect.options.length++

解决方案 »

  1.   

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function addItem()
     {
      var txt=document.all("txt").value;  
      if(txt!="")
      {
       var group = document.createElement('OPTGROUP');
       group.label = document.all.mySelect.length + 1;
       document.all.mySelect.appendChild(group);   
       document.all.mySelect.length++;  
       var opt = new Option(txt,txt);
       document.all.mySelect.add(opt)
       opt.selected;
       document.all.txt.value='';
      }
      else
      {
       alert("You must write something!");
      }
     }
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <select name="mySelect" size="18" id="mySelect" style="width:300px" onchange="doListtoText();" class="ddlEnable"  >
       <optgroup label="01">
      <option value="1">item1</option>
     </optgroup>
     <optgroup label="02">  
      <option value="2">item2</option>
      </optgroup>
      <optgroup label="03">
      <option value="3">item3</option>
      </optgroup>
      <optgroup label="04">
      <option value="4">item4</option>
      </optgroup>
      </select>
      <br/>
      <input type="text" size=68 name="txt"  id="txt" class="txtReadonly" />
      <input type="button" name="btnUpdata" id="btnUpdata" value="add" onclick="addItem();" />
    </HTML>
      

  2.   

    BlueDestiny
    你的方法不可行，会加上一个空白行的。梅花雪
    我将16改正成你那样，但是还是抱错了。
      

  3.   

    给出自己的解决方案。
     
    function addItem()
     {
      var txt=document.all("txt").value;  
      if(txt!="")
      {
      
       var group = document.createElement('OPTGROUP');
           group.label = document.all.mySelect.length + 1;
           document.all.mySelect.appendChild(group); var oOption = document.createElement("OPTION");
    document.all.mySelect.options.add(oOption);
    oOption.innerText = txt;   
      }
      else
      {
       alert("You must write something!");
      }
     }
      

  4.   

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function addItem()
     {
      var txt=document.all("txt").value;  
      if(txt!="")
      {
       var group = document.createElement('OPTGROUP');
       var label="0"+(document.all.mySelect.options.length + 1)
       group.label = label.substr(label.length-2);
       document.all.mySelect.appendChild(group);   
       document.all.mySelect.options[document.all.mySelect.options.length]=new Option(txt,txt);
       document.all.txt.value='';
      }
      else
      {
       alert("You must write something!");
      }
     }
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <select name="mySelect" size="18" id="mySelect" style="width:300px"  class="ddlEnable"  >
       <optgroup label="01">
      <option value="1">item1</option>
     </optgroup>
     <optgroup label="02">  
      <option value="2">item2</option>
      </optgroup>
      <optgroup label="03">
      <option value="3">item3</option>
      </optgroup>
      <optgroup label="04">
      <option value="4">item4</option>
      </optgroup>
      </select>
      <br/>
      <input type="text" size=68 name="txt"  id="txt" class="txtReadonly" />
      <input type="button" name="btnUpdata" id="btnUpdata" value="add" onclick="addItem();" />
    </HTML>
      

  5.   

    ...
    改一下就好了的呀.
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function addItem()
     {
      var txt=document.all("txt").value;  
      if(txt!="")
      {
       var group = document.createElement('OPTGROUP');
       group.label = document.all.mySelect.length + 1;
       document.all.mySelect.appendChild(group);   
       var opt = new Option(txt,txt);
       document.all.mySelect.add(opt)
       opt.selected;
       document.all.txt.value='';
      }
      else
      {
       alert("You must write something!");
      }
     }
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <select name="mySelect" size="18" id="mySelect" style="width:300px" onchange="doListtoText();" class="ddlEnable"  >
       <optgroup label="01">
      <option value="1">item1</option>
     </optgroup>
     <optgroup label="02"> 
      <option value="2">item2</option>
      </optgroup>
      <optgroup label="03">
      <option value="3">item3</option>
      </optgroup>
      <optgroup label="04">
      <option value="4">item4</option>
      </optgroup>
      </select>
      <br/>
      <input type="text" size=68 name="txt"  id="txt" class="txtReadonly" />
      <input type="button" name="btnUpdata" id="btnUpdata" value="add" onclick="addItem();" />
    </HTML>