javascript - jQuery，动态生成具有多个嵌套 optgroup 的选择列表

Question

以下是我掌握的一些数据。

Id _ _ _ _ ParentId _ _名称_ _ _ _ _ _ _ DisplayPath
27604 _ _NULL _ _ _ _新西兰 _ _ _ 1
26259 _ _27604 _ _ _ 北岛 _ _ _ _1.1
26314 _ _26259 _ _ _ 奥克兰_ _ _ _ _ 1.1.1
26359 _ _26259 _ _ _ 岛屿湾 _ _ _1.1.2
26322 _ _26359 _ _ _ 派希亚 _ _ _ _ _ _1.1.2.1
26333 _ _26259 _ _ _ 霍克斯湾 _ _ _ _1.1.3

使用 jQuery，我需要使用上面的数据创建一个如下所示的选择列表。任何作为父项的数据都必须成为 optgroup，而任何不是父项的数据（没有子项，例如 Paihia）必须成为标准选项。

<select>
  <optgroup label="New Zealand">
    <optgroup label="North Island">
      <option value="26314">Auckland</option>
      <optgroup label="Bay Of Islands">
        <option value="26322">Paihia</option>
      </optgroup>
      <option value="26333">Hawkes Bay</option>
    </optgroup>
  </optgroup>
</select>

我真的非常渴望得到一些帮助，因为它是我目前正在进行的一个项目。