Question

我有一个有很多种族的简单下拉框

<select name="ethnicity"  onchange="document.getElementById('actor').value='value1'" style=
              "width: 180px;">
                <option value="Whiteg">
                  german
                </option>

                <option value="italian">
                  italian
                </option>

               // + 100 more ethnicities
              </select>

我想在一个单一的下拉菜单中组织下拉菜单，但我想在两者之间加入粗体类别，而不是看起来像下拉菜单

德国人意大利语墨西哥
韩国

看起来像

白
德国
意大利语 亚洲人
朝鲜的
越南人

etc etcc

我将如何实现这一目标？

Answer 1

你应该试试

<select>
  <optgroup label="White">
    <option value="german">german</option>
    <option value="italian">italian</option>
  </optgroup>
  <optgroup label="Asian ">
    <option value="korean ">korean </option>
    <option value="vietnamese">vietnamese</option>
  </optgroup>
</select>

如何组织选择框

1 个答案: