Javascript 当鼠标悬停在父选项上时,lam在创建包含子选项的下拉列表方面遇到了挑战

Javascript 当鼠标悬停在父选项上时,lam在创建包含子选项的下拉列表方面遇到了挑战,javascript,html,css,Javascript,Html,Css,这是我的父选项和我尝试构建的代码 我希望在电子家长选项中添加子选项,如电话、收音机、扬声器等 <select id="category" name="category" class="dropDown"> <option>Categories</option> <option>All categories</option> <option>Automotive vehicles</option>

这是我的父选项和我尝试构建的代码 我希望在电子家长选项中添加子选项,如电话、收音机、扬声器等

 <select id="category" name="category"  class="dropDown">


 <option>Categories</option>
 <option>All categories</option>
 <option>Automotive vehicles</option>
 <option>Property</option>
 <option>Jobs</option>
 <option>Job Seekers</option>
 <option>Services</option>
 <option>Home&Garden</option>
 <option>Electronics</option>
 <option>Baby&Kids</option>
 <option>Boats&Watercraft</option>
 <option>Business</option>
 <option>Fashion</option>
 <option>Farming</option>
 <option>Pets</option>
 <option>Sports&Leisure</option>
 <option>Charity Donations</option>
 <option>Community</option>
 <option>Events</option>
 <option>Software</option>
 <option>Food</option>
 </select>

 <select id="category" name="category"  class="dropDown">


 <option>Categories</option>
 <option>All categories</option>
 <option>Automotive vehicles</option>
 <option>Property</option>
 <option>Jobs</option>
 <option>Job Seekers</option>
 <option>Services</option>
 <option>Home&Garden</option>
 <option>Electronics</option>
 <option>Baby&Kids</option>
 <option>Boats&Watercraft</option>
 <option>Business</option>
 <option>Fashion</option>
 <option>Farming</option>
 <option>Pets</option>
 <option>Sports&Leisure</option>
 <option>Charity Donations</option>
 <option>Community</option>
 <option>Events</option>
 <option>Software</option>
 <option>Food</option>
 </select>

类别
所有类别
汽车
财产
乔布斯
求职者
服务
家庭与花园
数码产品
婴儿与儿童
船只
生意
时尚
农事
宠物
运动与休闲
慈善捐款
社区
事件
软件
食物

正如dman2306所说,您需要这样的

 <select id="category" name="category"  class="dropDown">


 <option>Categories</option>
 <option>All categories</option>
 <option>Automotive vehicles</option>
 <option>Property</option>
 <option>Jobs</option>
 <option>Job Seekers</option>
 <option>Services</option>
 <option>Home&Garden</option>
 <option>Electronics</option>
 <option>Baby&Kids</option>
 <option>Boats&Watercraft</option>
 <option>Business</option>
 <option>Fashion</option>
 <option>Farming</option>
 <option>Pets</option>
 <option>Sports&Leisure</option>
 <option>Charity Donations</option>
 <option>Community</option>
 <option>Events</option>
 <option>Software</option>
 <option>Food</option>
 </select>
<select>
    <option></option>
    <optgroup label="groupA">
        <option>Option 1</option>
        <option>Option 2</option>
    <optgroup>
    <optgroup label="groupB">
        <option>Option 3</option>
        <option>Option 4</option>
    <optgroup>
</select>

选择1
选择2
选择3
选择4

如果不需要选择父项,可以将父项转换为
,然后将子项设置为
标记。但是,不能嵌套OptGroup,因此只能有一层深度。如果您需要多个级别,或者可以选择父级和子级,则需要自定义树控件。标题并不意味着包含整个故事。请更改您的标题。如果需要帮助,请查看此处: