Question

这是我的选项和子选项列表，

 |- option_1
 |      |- sub_option_1
 |      |- sub_option_2
 |- option_2
 |- option_3

因此，用户可以选择sub_option_2或父option_1。这是我的代码：

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>

<div data-role="page">
  <div data-role="header">
  <h1>Select Menus</h1>
  </div>

  <div data-role="main" class="ui-content">
    <form method="post" action="#">
      <fieldset class="ui-field-contain">
        <label for="opt">Select Option</label>
        <select name="opt" id="opt" data-native-menu="false">
          <option value="option_1">Option 1</option>
             <optgroup label="sub-option">
                <option value="sub_option_1">Sub-option 1</option>
                <option value="sub_option_2">Sub-option 2</option>
             </optgroup>
          <option value="option_2">Option 2</option>
          <option value="option_3">Option 3</option>
         
        </select>
      </fieldset>
      <input type="submit" data-inline="true" value="Submit">
    </form>
  </div>
</div>

</body>
</html>

如果有子选项，则其父选项将被禁用。但我正在寻找类似site的嵌套类型弹出选择选项（请单击“选择要操作的位置”）。

我的问题是，是否有类似select2.js的插件来执行此操作？或者，如果您有代码，请写。对不起，我英语不好。非常感谢您的关注。

如何使用jQuery创建PopUp选择选项标签？

0 个答案: