使用 optgroup 包含隐藏输入

Question

是否可以在<optgroup> 的<option> 中包含嵌套的多个（或单个）<input type = hidden>？

例如，我可能有

<select>
<optgroup label="North America">
    <option value="Canada">Canada</option>
        <input type="hidden" name="capital" value="Ottawa">
    <option value="United States">United States</option>
        <input type="hidden" name="capital" value="Washington D.C.">
    <option value="Mexico">Mexico</option>
        <input type="hidden" name="capital" value="Mexico City">
</optgroup>
...
</select>

如果我选择“加拿大”，我可以得到“渥太华”并且也只提交“渥太华”吗？

Answer 1

你所要求的并不完全可能，但听起来你想要的结果是......

<select name="capital">
  <optgroup label="North America">
    <option value="Ottawa">Canada</option>
    <option value="Washington D.C.">United States</option>
    <option value="Mexico City">Mexico</option>
  </optgroup>
  ...
</select>

当用户从下拉列表中选择“加拿大”时，值“渥太华”将被提交给服务器。