plugin autocomplete jquery enviando el valor de select

albfernan · #1 (**permalink**) 17/01/2011, 14:53

tengo un select en un formulario y un campo con autocompletado, me funciona correctamente el autocompletado, pero quisiera hacer un filtro en las busquedas dependiendo del select, me explico.
si en el desplegable busca por nombre quiero que en el autocompletado solo aparezcan nombres, si fuero por apellidos pues solo muestre apellidos, etc.
en el script de php no tengo problema por modificar cualquier cosa ya que lo domino, pero no se como obtener el valor del select cuando hace la llamada al codigo php, se que puedo enviar el parametro por el metodo get, solo me falta poder obtener el valor del select.

pongo el codigo del autocompletado:
<script type="text/javascript">

$(document).ready(function(){

$("#autoc1").autocomplete({
minLength: 3,
//source: "buscar-autocompletar.php"
source: "buscar-autocompletar.php?Pselect="+option_selected
})
})
</script>

gracias.

goteen_mx · #2 (**permalink**) 17/01/2011, 18:15

en el js

var option_selected= document.getElementById("tu select").options[document.getElementById("tu select").selectedIndex].value;

o

var option_selected = $("#tu select").value;

y en tu php recibes el valor con $option_selected = $_GET["option_selected"];
y armas tu query.

Saludos.

albfernan · #3 (**permalink**) 18/01/2011, 10:14

muchas gracias por responder.

no consigo que funcione, siempre me muestra el valor del select por defecto al cargar la pagina, es decir me envia el parametro correctamente, pero si cambio el select, no me envía el valor actual, se queda con el anterior, no el que acabo de poner.
el valor inicial del select es nombre y siempre me hace la busqueda por nombre, aunque cambie el select.

ya no se cuantas horas lo he estado modificando, pero me tiene amargado.

¿no se podria obtener el valor del select cuando se ejecuta la funcion autocomplete?
si fuera asi, creo que se resolveria todo.

muestro el codigo:

<script type="text/javascript">

$(document).ready(function(){

option_selected=$("#t1SeleccionBuscar_form").val() ;

$("#t1SeleccionBuscar_form").change(function(e){
option_selected = e.target.options[e.target.selectedIndex].value
});

$("#autoc1").autocomplete({
minLength: 3,
//source: "buscar-autocompletar.php"
source: "buscar-autocompletar.php?Pt1SeleccionBuscar="+option_sele cted
})
})
</script>

<body>
<h1>Probando el plugin autocomplete de jQuery UI</h1>

<form>
<select size="1" name="t1SeleccionBuscar_form" id="t1SeleccionBuscar_form">
<option value="nombre">nombre</option>
<option value="apellidos">apellidos</option>
</select>
<br /><br />
<input type="text" size="20" id="autoc1" />
</form>

</body>

caricatos · #4 (**permalink**) 18/01/2011, 11:52

Tema movido desde javascript

marlanga · #5 (**permalink**) 19/01/2011, 18:22

Sólo necesitas ese script:

Código:

<script type="text/javascript">
	$(document).ready(function(){
		$("#autoc1").autocomplete({
			minLength: 3,
			source: "buscar-autocompletar.php?Pt1SeleccionBuscar="+$("select#t1SeleccionBuscar_form").val()
		})
	})
</script>

Sorprende que uses jQuery para autocompletar y no utilices el resto de las funciones que sirven para facilitar la vida seleccionando elementos y atributos.

albfernan · #6 (**permalink**) 24/01/2011, 16:00

gracias por responder.

he probado el script que has puesto pero me pasa exactamente lo mismo, me coje el valor de carga de la pagina, no actualiza el select si se modifica.

creo que buscare otra opcion para hacer esto ya que no doy con la solucion.

respecto a tu sorpresa sobre el uso de jquery te comento:
trabajo como programador en una empresa de sevilla con sistemas as400 y no tengo una amplia experencia con el entorno web, me estoy autoformando desde casa hace algo mas de 1 año.
ahora estoy leyendo un libro sobre javascript y tb me quiero meter en jquery + adelante.

saludos.

marlanga · #7 (**permalink**) 24/01/2011, 17:40

El código que puse no está bien.

Código:

<script type="text/javascript">
	$(document).ready(function(){
		$("#autoc1").autocomplete({
			minLength: 3,
			source: "buscar-autocompletar.php",
			params: { Pt1SeleccionBuscar: $("select#t1SeleccionBuscar_form").val() }
		})
		$("select#t1SeleccionBuscar_form").change(function(){
			$("#autoc1").setOptions({ params: { Pt1SeleccionBuscar: $("select#t1SeleccionBuscar_form").val() }}) 
		})
	})
</script>

Éste debería ir mejor.

albfernan · #8 (**permalink**) 25/01/2011, 09:56

agradezco mucho tu interés, pero no hay forma, te pongo el error que da(sólo cuando cambio el select) y ya no funciona el autocompletado.

Detalles de error de página web

Mensaje: El objeto no acepta esta propiedad o método
Línea: 19
Carácter: 4
Código: 0

albfernan · #9 (**permalink**) 01/03/2011, 09:05

SOLUCIONADO:
yo lo he probado y funciona perfectamente.

añado el link donde se explica todo:

http://forum.jquery.com/topic/multiple-parameters-using-jquery-ui-for-autocomplete

[URL="http://forum.jquery.com/topic/multiple-parameters-using-jquery-ui-for-autocomplete"]http://forum.jquery.com/topic/multiple-parameters-using-jquery-ui-for-autocomplete[/URL]

muchas gracias a todos, en especial a marlanga por las molestias.

greer · #10 (**permalink**) 22/03/2011, 14:43

hola albfernan,

tengo el mismo problema que tu y vi el link que pusiste con la solucion... pero en ese link no hace lo esperado...

me podrias ayudar ? pudiste solucionarlo ?

Saludos.

albfernan · #11 (**permalink**) 15/04/2011, 05:35

que tal, acabo de ver el post.
yo lo tengo funcionando perfectamente.
la solución está en el link, simplemente modifiqué algunas cosas para adaptar el código pero si lo haces tal cual te funciona.
de todas formas si quieres te paso mi script.

solo una cosa, haber si es por lo que no te funciona, es para el autocomplete de jqueryUI, si no usas éste no te va a funcionar.

GuCaS · #12 (**permalink**) 13/05/2011, 09:28

Espero te sirva ;) o ya no sea tarde la rpta jejeje

$( "#nom_moti" ).autocomplete({
source: function (request,response){
$.getJSON("motivos.view.php",
{
opc: 'autocompleta',
idNov: $("#id_nov").val(), //valor del select seleccionado
term: request.term
},
response
)
},
minLength: 2,
search: function(event, ui){
if(!$("#id_nov").val()){
$('#nom_moti').val('');
alert('Debe Seleccionar primero una Novedad');
}
},
select: function(event, ui) {
$("#id_mot").val(ui.item.id);
}
});