包含隱藏的輸入與optgroup

Question

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

例如，我可能有

<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> 

當用戶從下拉菜單中選擇「加拿大」，值「渥太華「將被提交給服務器。