jQuery的选择2不工作的多个 'OPTGROUP'

我使用jQuery select2，我有这样的jQuery的选择2不工作的多个 'OPTGROUP'

<select multiple="multiple" id="address"> 
    <optgroup class="op1" label="Maryland"> 
     <optgroup class="op2" label="Perth"> 
      <option value="West Baltimore Street, Baltimore, MD">West Baltimore Street, Baltimore, MD</option> 
      <option value="Massachusetts">Massachusetts</option> 
      <option value="Njurunda, Sweden">Njurunda, Sweden</option> 
     </optgroup> 
    </optgroup> 

    <optgroup class="op1" label="Kerala"> 
     <optgroup class="op2" label="Ernakulam"> 
      <option value="Ernakulam, Kerala, India">Ernakulam, Kerala, India</option> 
      <option value="Muvattupuzha, Kerala, India">Muvattupuzha, Kerala, India</option> 
     </optgroup> 
     <optgroup class="op2" label="Idukki"> 
      <option value="Thodupuzha, Kerala, India">Thodupuzha, Kerala, India</option> 
     </optgroup> 
    </optgroup> 
</select>

一个选择框输出我select2

enter image description here

并获得我的实际输出应该是这样的

enter image description here

即缺少<optgroup class="op1" label="kerala">。任何想法如何做到这一点？

来源

2013-10-29 Nithin Dev

看起来像它有未关闭的HTML标记，验证您的HTML。已验证的标记看起来像这样

<select multiple="multiple" id="address"> 
    <optgroup class="op1" label="Maryland"></optgroup> 
    <optgroup class="op2" label="Perth"></optgroup> 
    <option value="West Baltimore Street, Baltimore, MD">West Baltimore Street, Baltimore, MD</option> 
    <option value="Massachusetts">Massachusetts</option> 
    <option value="Njurunda, Sweden">Njurunda, Sweden</option> 
    <optgroup class="op1" label="Kerala"></optgroup> 
    <optgroup class="op2" label="Ernakulam"></optgroup> 
    <option value="Ernakulam, Kerala, India">Ernakulam, Kerala, India</option> 
    <option value="Muvattupuzha, Kerala, India">Muvattupuzha, Kerala, India</option> 
    <optgroup class="op2" label="Idukki"></optgroup> 
    <option value="Thodupuzha, Kerala, India">Thodupuzha, Kerala, India</option> 
</select>

来源

2013-10-29 09:59:35

jQuery的选择2不工作的多个 'OPTGROUP'

回答

相关问题