取得dropdown里面的optgroup 的值

最新推荐文章于 2019-09-12 18:54:48 发布

tree3170

最新推荐文章于 2019-09-12 18:54:48 发布

阅读量842

点赞数

分类专栏： JQuery 前端相关

前端相关同时被 2 个专栏收录

47 篇文章

订阅专栏

JQuery

30 篇文章

订阅专栏

这是一个简单的HTML页面，包含一个下拉菜单供用户选择不同类型的卧室家具。通过JavaScript函数，当用户选择某一选项时，会弹窗显示所选家具所属的系列名称。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>