Mantener Opción del Select

[paulkees]

Hola...

He buscado y leído pero no puedo solucionarlo!

Por favor si me pueden orientar... resulta que tengo un buscador con un "select", el usuario elige la opción, en un input escribe la palabra a buscar y lo envía con un boton submit por POST a un script, el cual a su vez contiene el mismo buscador.


La pregunta es cómo se hace para recordar en el "select" la opción que eligió el usuario, es decir, que en el select quede como "selected" la opción del usuario?

[sysmadryn]

<select id="cb1">
<option value="0">elija</option>
<option value="op 11">op 11</option>
<option value="op 12">op 12</option>
<option value="op 13" selected>op 13</option>
</select>


saludos

[paulkees]

Uy...! con eso mantiene la "option 13" siempre, pero si el usuario elige la "option 11" cómo se mantiene o recuerda?

[sysmadryn]

Del lado del servidor, con el script que procesa los datos del form, debes incluir dinamicamente el texto "selected" en la opcion elegida.

Por ejemplo en PHP

<?= ( $valor_enviado==$valor_de_esta_opcion?"selected":" ") ?>

Saludos

[_cronos2]

selected quizá funciona en HTML, pero en XHTML hay que poner selected='selected', creo que también en el Transitional, aunque no controlo mucho de DTDs xD
Saludos (:

[paulkees]

Despues de mucho batallar, por saber muy poco, lo he logrado de esta manera. Puede que no sea la ideal pero funciona y ya estoy agotado!

Código PHP:

 <form action="tuarchivo.php" method="POST" name="formulario"> 
 
switch ($_POST[tipo_busqueda]) { 
   case 'apellido': 
    $apellido = 'selected'; 
   break; 
   case 'nombre': 
    $nombre = 'selected'; 
   break; 
} 
 
<select name="tipo_busqueda"/> 
<option <?php echo $apellido; ?> value="apellido">Apellido</option> 
<option <?php echo $nombre; ?> value="nombre">Nombre</option> 
</select> 
 
Ingrese su Texto<input type="text" name="nombre" value="<?php echo (isset($_POST['nombre'])) ? $_POST['nombre'] : ""; ?>"/> 
 
<input type="submit" value="Buscar"/>  

Saludos a todos y muchas gracias sysmadryn y _cronos2 por la orientación.

[sysmadryn]

Me parece que el formato canonico es : selected = true

Código PHP:

<form action="tuarchivo.php" method="POST" name="formulario">
 
<select name="tipo_busqueda"/>
<option <?= ( $_POST[tipo_busqueda]=="apellido"?"selected='true'":"") ?> value="apellido">Apellido</option>
<option <?= ( $_POST[tipo_busqueda]=="nombre"?"selected='true'":"") ?> value="nombre">Nombre</option>
</select>
 
Ingrese su Texto<input type="text" name="nombre" value="<?php echo (isset($_POST['nombre'])) ? $_POST['nombre'] : ""; ?>"/>
 
<input type="submit" value="Buscar"/>
 

este metodo es mas conveniente cuando las opciones se generan dinamicamente.


Ya que estamos en javascipt, pomos tambien hacer :

Código PHP:

<script>
window.onload = function(){document.getElementById("tipo_busqueda").value = "<?=$_POST[tipo_busqueda]?>" }
</script>
 
<form action="tuarchivo.php" method="POST" name="formulario">
 
<select name="tipo_busqueda"/>
<option value="apellido">Apellido</option>
<option value="nombre">Nombre</option>
</select>
 
Ingrese su Texto<input type="text" name="nombre" value="<?php echo (isset($_POST['nombre'])) ? $_POST['nombre'] : ""; ?>"/>
 
<input type="submit" value="Buscar"/>
 

Saludos

[_cronos2]

Según la W3C.
Saludos (:

[sysmadryn]

Hola cronos.

Si, en W3school dice eso pero fijate aqui :
http://www.w3.org/TR/html401/interac...#adef-selected

y aqui :

http://msdn.microsoft.com/en-us/libr...(v=VS.85).aspx

Me resulta confuso.

Saludos

[paulkees]

Excelente... estos posts quedan para el aprendisaje y para quien lo necesite en su momento!

Saludos!

[_cronos2]

En el primer enlace dice que es un atributo boolean, pero un poco más arriba pone que su valor tiene que ser 'selected'. En el segundo también es un boolean, pero se está refiriendo a la propiedad JS selected, no al atributo HTML.
Saludos (:

[sysmadryn]

Cronos :

lo mas correcto seria lo que tu indicaste.

Segun :

http://validator.w3.org/check

para xhtml se acepta solo :

selected="selected"

en transitional se acepta tambien :

selected pero no selected="true"

y los navegadores hablan de un valor bolean para este atributo (no solo para la propiedad js) y aceptan selected="true".

[paulkees]

Por favor, para sacarme dudas por la parte que a mi me toca y con lo poco que se... que les parece, esta bien lo que hice o esta mal?

Saludos!

[sysmadryn]

Hola

Esta bien siempre y cuando no uses XHTML estricto.

solo retirale el / al select.

<select name="tipo_busqueda"/>

Saludos