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

Question

以下是我的一些数据。

ID _ _ _ _ ParentId _ _ 名称 _ _ _ _ _ _ _ DisplayPath
27604 _ _NULL _ _ _ _New Zealand _ _ _ 1
26259 _ _27604 _ _ _北岛_ _ _ _1.1
26314 _ _26259 _ _ _奥克兰_ _ _ _ _ 1.1.1
26359 _ _26259 _ _ _群岛湾_ _ _1.1.2
26322 _ _26359 _ _ _ Paihia _ _ _ _ _ _ _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>

对于目前正在进行的项目来说，我真的非常渴望得到一些帮助。