Question

可以使用jquery在下拉菜单中创建类别吗？所以它将是：

南郊

suburb1
suburb2
suburb3
suburb4

北方郊区

suburb5
suburb6

感谢

Answer 1

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

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

Answer 2

修改：此答案与您要求选择菜单而非导航列表无关...

同意卡萨布兰卡，下拉列表会另外与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>

祝你好运

下拉列表子类别

2 个答案: