Javascript 如何在选择下拉菜单中设计有序列表_Javascript_Jquery_Html_Css

Javascript 如何在选择下拉菜单中设计有序列表

javascript jquery html css

Javascript 如何在选择下拉菜单中设计有序列表,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想在我的网页中尝试类似的东西，所以下面需要查看一个下拉列表或语句 (a). Category1 element1 element2 etc.. (b).Category2 element1 element2 etc.. 这是我尝试的方式，但它在一个普通的下拉列表菜单中显示我，而不是像上面的一样 <html> <body> <se

我想在我的网页中尝试类似的东西，所以下面需要查看一个下拉列表或语句

  (a). Category1
          element1
          element2
          etc..

  (b).Category2
          element1
          element2
          etc..

这是我尝试的方式，但它在一个普通的下拉列表菜单中显示我，而不是像上面的一样

<html>
 <body>
  <select>
    <ol>
     <option value=1><li>Category1</li></option>
     <option value =2><li>element1</li></option>
     <option value =3><li>element2</li></option>
     <option value =4><li>etc...</li></option>
     <option value =5><li>Category2</li></option>
     <option value =6><li>element1</li></option>
     <option value =7><li>element2</li></option>
     <option value =8><li>etc...</li></option>
    </ol>
   </select>
</body>
</html>


类别1
要素1
元素2
等等
类别2
要素1
元素2
等等

任何建议或想法，我如何使用HTML CSS或任何脚本来实现这一点？我们可以在下拉菜单中创建精确的外观吗？这方面的任何帮助都会很好

谢谢

我想

optgroup

标签可能是你想要的

比如：

<select>
    <optgroup label="Category 1">
        <option value="2">element1</option>
        <option value="3">element2</option>
        <option value="4">etc...</option>
    </optgroup>
    <optgroup label="Category 2">
        <option value="5">element1</option>
        <option value="6">element2</option>
        <option value="7">etc...</option>
    </optgroup>
</select>


要素1
元素2
等
要素1
元素2
等

演示：

我认为

optgroup

标签可能是您想要的

比如：

<select>
    <optgroup label="Category 1">
        <option value="2">element1</option>
        <option value="3">element2</option>
        <option value="4">etc...</option>
    </optgroup>
    <optgroup label="Category 2">
        <option value="5">element1</option>
        <option value="6">element2</option>
        <option value="7">etc...</option>
    </optgroup>
</select>


要素1
元素2
等
要素1
元素2
等

演示：

研究使用除此之外的任何其他标记元素，并且

标记内部无效

谢谢你，帕特里克·埃文斯，你能提供更多指导吗，为什么

标记内部无效

标记我没有说选项无效我说除了optgroup和option之外的任何其他标记都无效。哦，我的坏，对不起！明白了，谢谢：）研究使用除此之外的任何其他标记元素，并且

在

标记中无效谢谢你，帕特里克·埃文斯，你能提供更多指导吗，为什么

标记在

标记中无效？tagi没有说选项无效，我说除了optgroup和option之外的任何其他标记都无效。噢，我的错，对不起！明白了，谢谢：）谢谢你卡尔，我以前从未用过这个标签，所以我不知道。我会搜索更多！谢谢你，卡尔，我以前从未用过这个标签，所以我不知道。我会搜索更多！