[SOLUCIONADO] Duda con control Lista/Menu

[javier0730]

Hola.

Tengo una duda con los controles lista/menu o tambien llamados select, ya que necesito que la lista contenga submenus, por ejemplo si yo escribo este codigo:

Código HTML:

<select name="id_campo" id="id_campo">
    <option>Opción 1</option>
    <option>Opción 2</option>
    <option>Opción 3</option>
</select> 

Esto quiere decir que tendria una lista/menu con las esas tres opciones. Y al seleccionar una de ellas, este valor se almacena en id_campo y este valor lo puedo guardar en una variable para hacer con el el uso que me convenga.

Pero si yo quisiera que al hacer click en la lista/menu me aparecieran opciones así:
Conjunto de opciones 1
Opcion 1
Opcion 2
Opcion 3
Conjunto de opciones 2
Opcion 1
Opcion 2
Opcion 3


y asi sucesivamente. Y que solo se pueda seleccionar una de ellas, es decir que si selecciono alguna opcion del menu 1 ya no pueda elegir alguna opción del menu 2 y que además los 2 grupos de opciones se encuentren dentro de la misma lista menu y que los subtitulos no puedan selecionarse, de modo que no se pueda seleccionar la opcion Conjunto de opciones 1 o la opcion Conjunto de Opciones 2.

Ojala puedan ayudarme.

Muchas gracias

[jmillan]

Por que no haces el menu con listas y css ?? http://www.cristalab.com/tutoriales/...-listas-c130l/

Saludos

[javier0730]

Hola.

El menu con listas que dices espara un menu con vinculos a otros archivos y lo que yo necesito es que sean opciones de un mismo <select> ya que lo que yo quiero es capturar un dato dentro de un formulario y enviarlo a otro archivo por metodo POST.

Lo que estoy haciendo es capturar en un archivo el id de una materia para eliminarla.
actualmente lo tengo de esta forma:




y al hacer click en el menu desplegable me aparece esto:


Entonces al seleccionar alguna opcion se elmacena un valor en el campo ID_Materia y con esto ya lo puedo enviar por metosdo POST para que otro archivo se encarge de ir a la base de datos y eliminar el registro correspondiente.

De esta forma funciona perfectamente pero lo que quiero evitar es tener que escribir en cada campo el grado al que pertenece la materia, de modo que lo pudiera tener mas o menos así:

PRIMER GRADO
...Español
...Matematicas
...asi sucesivamente
SEGUNDO GRADO
...Español
...Matematicas
...asi sucesivamente
TERCER ......
.....


Eso es lo que me gustaria saber, hay alguna forma de tenerlo de esta forma, sin que se pueda seleccionar la opcion PRIMER GRADO, SEGUNDO GRADO, etc y que solo se pueda elegir los campos que se encuentran dentro de cada categoria.

Muchas gracias

[Twonex]

amigo...
pero eso no es un sub menu
son solo listas

en vez de poner:

opcion 1

pones

opcion 1 - opcion 1a

y le das un valor

ahora si lo que quieres es un sub menu, entonces usa 2 combobox dependientes!!

[C2am]

Hola
Prueba a poner option sin value, de esta manera te serviran de titulo y divisor dentro del grupo de opciones

Código HTML:

<select name="selmaterias" > 
          <option value="">1º Grado</option> 
          <option value="materia1">materia 1</option> 
          <option value="materia2">materia2</option> 
          <option value="materia3">materia3</option> 
          <option value="materia4">materia4</option>
          <option value="">2º Grado</option> 
          <option value="materia5">materia 5</option> 
          <option value="materia6">materia6</option> 
          <option value="materia7">materia7</option> 
          <option value="materia8">materia8</option> 
         <option value="">3º Grado</option> 
          <option value="materia9">materia 9</option> 
          <option value="materia10">materia10</option>  
          
        </select> 

Tambien puedes mediante estilos poner 1 grado etc en otro color, o subrayado para diferenciarlos más.

Saludos

[javier0730]

Hola.

Muchas gracias por responder.

En cuanto a lo que comentas sobre ponerlo de esta forma:

Código HTML:

<select name="selmaterias" > 
          <option value="">1º Grado</option> 
          <option value="materia1">materia 1</option> 
          <option value="materia2">materia2</option> 
          <option value="materia3">materia3</option> 
          <option value="materia4">materia4</option>
          <option value="">2º Grado</option> 
          <option value="materia5">materia 5</option> 
          <option value="materia6">materia6</option> 
          <option value="materia7">materia7</option> 
          <option value="materia8">materia8</option> 
         <option value="">3º Grado</option> 
          <option value="materia9">materia 9</option> 
          <option value="materia10">materia10</option>            
</select> 

Es muy buena idea pero ahora como evito que la opción 1º Grado o 2º Grado pueda ser seleccionada. Una posible solución que veo a esto es que como en value se esta dejando como vacio en el archivo que recibe los datos del formulario yo puedo validar de esta forma:

if ( empty($_POST["selmaterias"]) )
{
echo "ERROR. El campo Materia se a enviado vacio. Debes seleccionar una materia válida"
}

Pero sería mejor si se pudiera evitar que se pueda seleccionar alguna de estas opciones. ¿hay alguna forma de hacerlo?

Gracias nuevamente

[blogger]

Iniciado por javier0730

Pero sería mejor si se pudiera evitar que se pueda seleccionar alguna de estas opciones. ¿hay alguna forma de hacerlo?

Con Ajax, usando un selects dependientes.

[C2am]

Yo uso un script del dreamweaver llamado spryvalidator o algo parecido
Lo puedes ver en www.puebloyreforma.org.ar/suscribite.php

Código HTML:

<span id="spryselect1"> 
      <label>Carrera:
        <select name="selCarrera" > 
          <option value="">Elige tu carrera</option> 
          <option value="IC">Ing. Civil</option> 
          <option value="IE">Ing. El&eacute;ctrica</option> 
          <option value="IM">Ing. Mec&aacute;nica</option> 
          <option value="IQ">Ing. Qu&iacute;mica</option> 
          <option value="ISI">Ing. en Sistemas</option> 
        </select> 
      </label> 
      <span class="selectRequiredMsg">Seleccione un elemento.</span></span>
 

El script lo puedes ver desde el ver código fuente, busca:
<script src="SpryValidationSelect.js" type="text/javascript"></script>
<link href="SpryValidationSelect.css" rel="stylesheet" type="text/css" />

Si pruebas suscribirte sin poner los datos te pedira que elijas una opcion. Esto evita el llamado al servidor. aunque no evita que lo puedas seleccionar como deseas.

Un saludo

[javier0730]

Hola.

Muchas gracias por la información.

Iniciado por blogger

Con Ajax, usando un selects dependientes.

Iniciado por C2am

Yo uso un script del dreamweaver llamado spryvalidator o algo parecido
Lo puedes ver en [url]www.puebloyreforma.org.ar/suscribite.php[/url]

Código HTML:

<span id="spryselect1"> 
      <label>Carrera:
        <select name="selCarrera" > 
          <option value="">Elige tu carrera</option> 
          <option value="IC">Ing. Civil</option> 
          <option value="IE">Ing. El&eacute;ctrica</option> 
          <option value="IM">Ing. Mec&aacute;nica</option> 
          <option value="IQ">Ing. Qu&iacute;mica</option> 
          <option value="ISI">Ing. en Sistemas</option> 
        </select> 
      </label> 
      <span class="selectRequiredMsg">Seleccione un elemento.</span></span>
 

Los dos métodos son muy efectivos y me han solucionado el problema, el que implemente fue el de los combos dependientes con AJAX ya que encontre un paquete en este link:
[URL]http://www.formatoweb.com.ar/ajax/select_dependientes.php[/URL]
el cual incluye todo lo necesario para conectarme a la base de datos y obtener de la tabla materias la lista de materias existentes, con lo cual queda mejor ya que si lo hago con el otro método al momento de eliminar un registro en la base de datos en el select aun tendria la opcion del registro que ya fue eliminado previamente, es por eso que los combos dependientes son la mejor opción en mi caso.

Nuevamente muchas gracias por la ayuda

[C2am]

que bueno que pudiste solucionar tu problema.
Muy interesante la pagina que dejaste sobre ajax, gracias
Saludos