html的下拉表单解决方案

html的下拉表单我想要个下拉表单是这样的效果:---parent1---∟son1∟son2---parent2--∟son1∟son2---parent3-

html的下拉表单
我想要个下拉表单是这样的效果:
---parent1---
  ∟son1
  ∟son2
---parent2--
  ∟son1
  ∟son2
---parent3--
---parent4--
---parent5--
  ∟son1
  ∟son2

能看出是2层的效果。
不能用2个selec联动的。客户就要这样的。

html要怎么写。这种数据应该是什么样的?


[解决办法]
optgroup能满足需求吗?

HTML code
<select>    <optgroup label="---parent1---">        <option>∟son1</option>        <option>∟son2</option>    </optgroup>    <optgroup label="---parent2---">        <option>∟son1</option>        <option>∟son2</option>    </optgroup></select>