new list

new list.html

<optgroup id="country-optgroup-Africa" label="Africa">
  <option value="Africa|dz" {if $userdata.country=='dz'}selected{/if} label="Algeria">Algeria</option>
  <option value="Africa|ao" {if $userdata.country=='ao'}selected{/if} label="Angola">Angola</option>
  <option value="Africa|bj" {if $userdata.country=='bj'}selected{/if} label="Benin">Benin</option>
  <option value="Africa|bw" {if $userdata.country=='bw'}selected{/if} label="Botswana">Botswana</option>
  <option value="Africa|bf" {if $userdata.country=='bf'}selected{/if} label="Burkina Faso">Burkina Faso</option>
  <option value="Africa|bi" {if $userdata.country=='bi'}selected{/if} label="Burundi">Burundi</option>
  <option value="Africa|cm" {if $userdata.country=='cm'}selected{/if} label="Cameroon">Cameroon</option>
  <option value="Africa|cv" {if $userdata.country=='cv'}selected{/if} label="Cape Verde">Cape Verde</option>
  <option value="Africa|cf" {if $userdata.country=='cf'}selected{/if} label="Central African Republic">Central African Republic</option>
  <option value="Africa|td" {if $userdata.country=='td'}selected{/if} label="Chad">Chad</option>
  <option value="Africa|km" {if $userdata.country=='km'}selected{/if} label="Comoros">Comoros</option>
  <option value="Africa|cg" {if $userdata.country=='cg'}selected{/if} label="Congo - Brazzaville">Congo - Brazzaville</option>
  <option value="Africa|cd" {if $userdata.country=='cd'}selected{/if} label="Congo - Kinshasa">Congo - Kinshasa</option>
  <option value="Africa|ci" {if $userdata.country=='ci'}selected{/if} label="Côte d’Ivoire">Côte d’Ivoire</option>
  <option value="Africa|dj" {if $userdata.country=='dj'}selected{/if} label="Djibouti">Djibouti</option>
  <option value="Africa|eg" {if $userdata.country=='eg'}selected{/if} label="Egypt">Egypt</option>
<optgroup id="country-optgroup-Africa" label="Africa">