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>

現在取り組んでいるプロジェクトのため、これに関する助けが本当に切望されています。