如何给一个下拉选项进行分组？

<select name="city">
    <optgroup label="山东">
        <option value="1">青岛</option>
        <option value="2">青岛</option>
        <option value="3">威海</option>
    </optgroup>
    <optgroup label="安徽">
        <option value="1">蚌埠</option>
        <option value="2">合肥</option>
        <option value="3">宿州</option>
    </optgroup>
</select>