Jquery 下拉列表中的类别子类别_Jquery_Html

Jquery 下拉列表中的类别子类别

jquery html

Jquery 下拉列表中的类别子类别,jquery,html,Jquery,Html,是否可以使用jquery在下拉菜单中创建类别？因此，它将是：南郊郊区1 郊区2 郊区3 郊区4 北郊郊区5 郊区6 谢谢这与jQuery或JavaScript无关。使用HTML标记将列表划分为不同的部分。例如： <select> <optgroup label="Southern Suburb"> <option value="1">suburb1</option> ... </optgroup> &l

是否可以使用jquery在下拉菜单中创建类别？因此，它将是：

南郊

郊区1 郊区2 郊区3 郊区4 北郊

郊区5 郊区6

谢谢

这与jQuery或JavaScript无关。使用HTML标记将列表划分为不同的部分。例如：

<select>
  <optgroup label="Southern Suburb">
    <option value="1">suburb1</option>
    ...
  </optgroup>
  <optgroup label="Northern Suburb">
    <option value="5">suburb5</option>
    ...
  </optgroup>
</select>

这与jQuery或JavaScript无关。使用HTML标记将列表划分为不同的部分。例如：

<select>
  <optgroup label="Southern Suburb">
    <option value="1">suburb1</option>
    ...
  </optgroup>
  <optgroup label="Northern Suburb">
    <option value="5">suburb5</option>
    ...
  </optgroup>
</select>

编辑：此答案不相关。您要求的是选择菜单而不是导航列表

要同意卡萨布兰卡的观点，下拉列表将与jquery有另一个关系。。。除非你在制作动画

基本上，你可以用你的元素制作一个列表，然后在你第一个列表的列表元素中创建一个子列表，如果你可以遵循这个原则的话

例如：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Contact-Type" content="text/html; charset=utf-8" />
  <title>Dropdown</title>

  <style type="text/css">
    /* hide child elements */
    #nav li ul {
      display:none;
    }

    /* show child elements when hovering over list item */
    #nav li:hover ul {
      display:block;
    }
  </style>
</head>
<body>

<ul id="nav">
  <li><a href="#">Southern Suburb</a>
    <ul>
      <li><a href="#">suburb1</a></li>
      <li><a href="#">suburb2</a></li>
      <li><a href="#">suburb3</a></li>
    </ul>
  </li>
</ul>

</body>
</html>

祝你好运编辑：这个答案与你要求的不是导航列表而是选择菜单无关

要同意卡萨布兰卡的观点，下拉列表将与jquery有另一个关系。。。除非你在制作动画

基本上，你可以用你的元素制作一个列表，然后在你第一个列表的列表元素中创建一个子列表，如果你可以遵循这个原则的话

例如：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Contact-Type" content="text/html; charset=utf-8" />
  <title>Dropdown</title>

  <style type="text/css">
    /* hide child elements */
    #nav li ul {
      display:none;
    }

    /* show child elements when hovering over list item */
    #nav li:hover ul {
      display:block;
    }
  </style>
</head>
<body>

<ul id="nav">
  <li><a href="#">Southern Suburb</a>
    <ul>
      <li><a href="#">suburb1</a></li>
      <li><a href="#">suburb2</a></li>
      <li><a href="#">suburb3</a></li>
    </ul>
  </li>
</ul>

</body>
</html>

祝你好运，对不起。。应该更加具体和复杂。。我需要将它保留到4个层次结构级别。@user384080:不幸的是，HTML中没有这样的功能。您所能做的最好的方法是对所有级别使用，并使用手动缩进文本。但我需要禁止用户选择父节点。只能选择叶节点..：顺便说一句，asp.net中有这样的内置控件吗？@user384080:如果您也用于子级别，则用户无法选择它们。不过我对ASP.NET不太熟悉，所以对此我不能说太多。对不起。。应该更加具体和复杂。。我需要将它保留到4个层次结构级别。@user384080:不幸的是，HTML中没有这样的功能。您所能做的最好的方法是对所有级别使用，并使用手动缩进文本。但我需要禁止用户选择父节点。只能选择叶节点..：顺便说一句，asp.net中有这样的内置控件吗？@user384080:如果您也用于子级别，则用户无法选择它们。不过，我对ASP.NET不太熟悉，所以对此我不能说太多。