js 如何取得下拦框中optgroup的label值

<select name="c_name" id="c_name">
  <option value="">商品系列</option>
     <optgroup label="卧室家具">
<optgroup label="  床">
    <option value="BA01">实木床</option>
    <option value="BA02">板式床</option>
    <option value="BA03">布艺床</option>
         </optgroup>
     </optgroup>
</select>如上所示，当我选择‘实木床’的时候如何得到最上的’卧室家具‘呢？

解决方案 »

  1.   

    http://www.it55.com/html/xueyuan/chengxukaifa/_NETjiaocheng/20070715/69356.html
      

  2.   

    <option value="">商品系列 </option> 
    <optgroup label="卧室家具"> 
    这两个没有直接的关系..
    只能取得所有的optgroup<script>
    function changeSel(sel){
       var gs = sel.getElementsByTagName("OPTGROUP");
       alert(gs[0].label);//卧室家具
    }
    </script>
    <select name="c_name" id="c_name" onchange="changeSel(this);"> 
      <option value="">商品系列 </option> 
        <optgroup label="卧室家具"> 
    <optgroup label="  床"> 
        <option value="BA01">实木床 </option> 
        <option value="BA02">板式床 </option> 
        <option value="BA03">布艺床 </option> 
            </optgroup> 
        </optgroup> 
    </select> 
      

  3.   


    <html><body>
    <script>
    function GetOptgroup(obj)
    {
       var optgroup=obj.parentNode;
       while(optgroup.previousSibling.label)
       {
             
            optgroup=optgroup.previousSibling;
       }
       if(optgroup.label)
           alert(optgroup.label);
    }
    </script>
    <select onchange='GetOptgroup(this.options[this.selectedIndex]);'>
    <option value="">商品系列 </option>
        <optgroup label="卧室家具">
          <option value="SA01">沙发 </option><optgroup label="  床">
        <option value="BA01">实木床 </option>
        <option value="BA02">板式床 </option>
        <option value="BA03">布艺床 </option>
            </optgroup>
        </optgroup> 
    </select>
     
    </body>
    </html>
      

  4.   

    <script type="text/javascript">
        function fnGetOptgroup(obj){
          if(obj){
            var la=obj.options[obj.selectedIndex].parentElement.previousSibling.getAttribute("label")
            alert(la)
          }  
        }//得到卧室家具
    </script>
    <select name="c_name" id="c_name" onchange="fnGetOptgroup(this);"> 
      <option value="">商品系列 </option> 
        <optgroup label="卧室家具"> 
           <optgroup label="  床"> 
             <option value="BA01">实木床 </option> 
             <option value="BA02">板式床 </option> 
             <option value="BA03">布艺床 </option> 
            </optgroup> 
        </optgroup> 
    </select>