Foros del Web - Division dentro de una Lista/menu

Foros del Web (http://www.forosdelweb.com/)

- HTML (http://www.forosdelweb.com/f4/)

- - Division dentro de una Lista/menu (http://www.forosdelweb.com/f4/division-dentro-lista-menu-597945/)

Division dentro de una Lista/menu

tengo esta lista/menu pero la quiero divir

Código PHP:

  
<select name="lugar">

                      <option value="Ocotlán, Jalisco" <?php if (!(strcmp("Ocotlán, Jalisco", ""))) {echo "SELECTED";} ?>>Ocotlan</option>

                      <option value="Tepatitlán, Jalisco" <?php if (!(strcmp("Tepatitlán, Jalisco", ""))) {echo "SELECTED";} ?>>Tepatitlan</option>

                      <option value="La Barca, Jalisco" <?php if (!(strcmp("La Barca, Jalisco", ""))) {echo "SELECTED";} ?>>La Barca</option>

                      <option value="Jamay, Jalisco" <?php if (!(strcmp("Jamay, Jalisco", ""))) {echo "SELECTED";} ?>>Jamay</option>

                      <option value="Guadalajara, Jalisco" <?php if (!(strcmp("Guadalajara, Jalisco", ""))) {echo "SELECTED";} ?>>Guadalajara</option>

                      <option value="Otros" <?php if (!(strcmp("Otros", ""))) {echo "SELECTED";} ?>>Otros</option>

 
//Aqui quiero meter un tipo de linea que divida: ------------------

 
                      <option value="Chapala, Jalisco" <?php if (!(strcmp("Chapala, Jalisco", ""))) {echo "SELECTED";} ?>>Chapala, Jalisco</option>

                      <option value="Ajijic, Jalisco" <?php if (!(strcmp("Ajijic, Jalisco", ""))) {echo "SELECTED";} ?>>Ajijic, Jalisco</option>

                      <option value="Jocotepec, Jalisco" <?php if (!(strcmp("Jocotepec, Jalisco", ""))) {echo "SELECTED";} ?>>Jocotepec, Jalisco</option>

                    </select>

Respuesta: Division dentro de una Lista/menu

dentro de un select no puedes colocar una línea sin que sea otro <option value="none">-----------------------------</option>
sin embargo, hay una etiqueta que puede separarte por grupos los options, que es la etiqueta <optgroup>, aquí va un ejemplo:

Código HTML:

<select name="catsndogs">

  <optgroup label="Cats">

     <option>Tiger</option>

     <option>Leopard</option>

     <option>Lynx</option>

  </optgroup>

  <optgroup label="Dogs">

     <option>Grey Wolf</option>

     <option>Red Fox</option>

     <option>Fennec</option>

  </optgroup>
 </select>

lo bueno del optgroup es que el option donde aparece "catsndogs", por ejemplo, no es seleccionable y aparece en negrita, y además coloca los options que están dentro de él en forma indentada.

espero que te pueda servir. saludos!

Respuesta: Division dentro de una Lista/menu

Tema trasladado a HTML.