Actualizar pagina al seleccionar valor select

MAXI279 · #1 (**permalink**) 19/04/2013, 07:33

Buenos dias, he dado mil vueltas con esto pero no pude encontrarle solucion,
tengo un select que se alimenta de los valores de una columna de una tabla mysql mediante PHP,

lo que busco es que al seleccionar un valor del select, se actualize la pagina con el valor seleccionado en el select, para poder tomar con $POST_ ese valor,

lo que logre es esto..que actualiza la pagina pero no mantiene el valor seleccionado

Código HTML:

<div  style="margin-left:135px; margin-top:35px;" class="styled-select">
<select name="Item" id="Item" value="Item" onchange=location.href='estadisticas.php?Item='+this.value>
<option value="" disabled selected>Seleccione un Item</option> 
<?php foreach($descripcion as $d){ ?>  
        <option value="<?php echo $d['Item']; ?>"><?php echo $d['Item']; ?></option> 
<?php } ?>
</select>
</div>

como puedo hacer? desde ya mil gracias

hackjose · #2 (**permalink**) 19/04/2013, 11:03

Debes enviar el indice seleccionado al servidor y mandarlo de vuelta

Al recibir de nuevo el indice seleccionado lo usas para seleccionar con javascript el option correspondiente

Debes usar la propiedad selectedIndex

Código HTML:

Ver original<html>
<head>
<style>
 
</style>
</head>
 
<body>
 
<select id="list" onchange="verIndex();">
    <option disabled="disabled" selected="selected">Elige un valor</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<script type="text/javascript">
function verIndex()
{
    var lista = document.getElementById("list");
    var opcion = lista.selectedIndex;
    alert("Elegiste la opcion con indice: " + opcion + "la cual contiene el valor: " + lista.options[opcion].firstChild.data);
}
</script>
</body>
</html>

Salu2

alexg88 · #3 (**permalink**) 19/04/2013, 11:21

Buenas,

Aquí tienes una posible forma, aunque habrá otras formas que pueden ser mejores.

Es sólo un ejemplo, habría que tratar correctamente la variable $_GET (escapar lo que sea necesario, etc).

Se trata

Código PHP:

Ver original<div  style="margin-left:135px; margin-top:35px;" class="styled-select">
<select name="Item" id="Item" value="Item" onchange=location.href='estadisticas.php?Item='+this.value>
<option value="">Seleccione un Item</option> 
<?php 
    $Item = (isset($_GET["Item"]) ? $_GET["Item"] : ""; 
    foreach($descripcion as $d)
    {   
        echo "<option value='".$d['Item']."'".(($d['Item'] == $Item) ? ' selected="selected"' : '').">".$d['Item']."</option>"; 
    }   
?>      
</select>
</div>

Un saludo.

MAXI279 · #4 (**permalink**) 22/04/2013, 07:21

gracias por sus respuestas, pero con la primera logro mostrar en un alert los valores tomados del select , pero no actualiza la pagina con el valor seleccionado,
con la segunda propuesta tengo un error de php unexpected ; en la linea del get.. nose porque
saludos y gracias nuevamente

emprear · #5 (**permalink**) 22/04/2013, 16:15

tu enunciado no está muy bien planteado, además de varios errores

En primer lugar decís, "que se actualice la página" a través de post, de lo que se interpreta. que el código se encuentra en estadisticas.php y querés que se haga post a si misma, pero NO tenés definido ningún form, para hacer post necesitás de un form, o en su defecto de Ajax, pero tampoco hay Ajax.

Demos por hecho que omitiste el form, y lo agregás, pero tampoco hay un botón submit, así que la única que te queda es hacer el submit por javascript, con el evento onchange, ahora si vas a hacer post con javascript con el evento onchange, cual es la gracia de hacer un simple location.href pasando por get el valor de Item. Sin siquiera mencionar que aqui

Código:

onchange=location.href='estadisticas.php?Item='+this.value

tenés graves errores de sintáxis.
En conclusión, no hay una respuesta válida, ya que de por sí tu objetivo es contradictorio y poco claro.
Yo te recomendaría que replantes tu método y posteriormente, si tené problemas, postees

Saludos