Funcion next()

[Maganius]

Wenas,,

Estoy intentando usar la función next() de Jquery.

Tengo un input text con autocomplete y al hacer click en el autocomplete quiero que se escriba el value de lo seleccionado en otro input.

Código HTML:

<input type="text" id="articulo" name="articulo[]" class="req articuloSerach" style="width:78%" value="<?=$row["articulos"]?>" />
 
<input type="text" id="idarticulo" name="idarticulo[]" class="req" style="width:100%" value="<?=$row["idarticulo"]?>" />
 

La función que uso es esta:

Código Javascript:

$(".articuloSerach").live("focus",function(){
    var este = this;
 
    $.ajax({
      url: "display/stock/articulos.php",
      dataType: 'json',
      data: $(this).serialize(),
      cache: false,
      success: function(result) {
        var items = [];
         for(i=0;i<result.articulos.length;i++){
            items.push({value: result.ids[i], label:result.articulos[i]});
         }
         var resultado = [];
        $(este).autocomplete({
            source: items,
             select: function( event, ui ) {
                         
                //$("#idarticulo").val(print_r(resultado));
                
                $(este).val( ui.item.label );
  
                
                alert($(este).next().val())
 
                return false;
             }
        });
      },
      error: function(result) {
         alert(print_r(result.responseText));
      },
    });
    
})
 
alert($(este).next().val())
 

El alert me muestra "undefined" probe de varios formas next("input") pero nada.. siempre sale "undefined".

Ya busque información pero no lo logré hacer funcionar.

Se pueden generar mas input con el mismo nombre por lo que no lo puedo acceder directamente desde un ID.

[PHPeros]

Has probado a quitarle el next() ??? Yo solo veo un input con esa clase.

[Maganius]

Iniciado por PHPeros

Has probado a quitarle el next() ??? Yo solo veo un input con esa clase.

Si ves uno solo porque puse uno solo pero abajo aclare que se podian agregar mas input iguales dinamicamente

[PHPeros]

Y qué te parece:

Código Javascript:

.next(".articuloSerach")
 

Seguro que funciona

[Maganius]

Iniciado por PHPeros

Y qué te parece:

Código Javascript:

.next(".articuloSerach")
 

Seguro que funciona

Me sigue diciendo "undefined" no entiendo porque.

probe asi:

Código Javascript:

alert($(este).next(".articuloSerach").val());
 
alert($(este).next(".articuloSerach").html());
 

[PHPeros]

Y en esta línea qué pretendes?

Código:

$(este).val( ui.item.label );

Creo que esa es la raiz del undefined...

Prueba a quitarlo y a ver que pasa

[Maganius]

Ahí coloco lo que seleccionó el usuario desde el autocomplete, si lo quito cuando selecciono desde el autocomplete el campo "artículo" queda en blanco.

"este" hace referencia a "this"

Intento que cuando el usuario seleccione una opción desde el autocomplete me coloque el "value" de esa opción en otro input para despues pasarlo a la base de datos, el "value" en este caso es el ID del artículo que hace referencia.

Como se pueden generar mas campos iguales no les puedo hacer una referencia directa, por eso intentaba utilizar el next() de Jquery que parecia una buena manera de acceder al siguiente elemento pero no esta funcionando

[PHPeros]

Pues no me queda nada más que decirte excepto que eches un vistazo al manual de autocomplete

http://api.jqueryui.com/autocomplete/#event-select

[Maganius]

El problema no esta en el autocomplete, sino en intentar colocar un value en otro input que esta al lado no se si me explico :(

El autocomplete funciona bien

[PHPeros]

A ver así

Código Javascript:

$(esto).next().val( ui.item.label );
alert($(esto).next());
 

[Maganius]

No quiero cambiarle el value a todos, solo quiero colocarle el value al input "idarticulo" como este se puede generar mas de a 1 vez dinamicamente lo pensaba hacer con "next()"

input id="articulos"
.next().value(ui.item.value)
inpit id="idarticulos"

capaz que me estaba explicando mal.

Cuando el usuario selecciona una opción del autocomplete este trae 2 valores:

label = nombre del artículo
value = id del artículo

con el label no tengo problema porque simplemente utilizando this como referencia a "este elemento" coloco el nombre del artículo.

El problema esta cuando quiero colocar el value "id del artículo" en otro input que se encuentra al lado del input "articulo".

La cuestión es acceder al elemento "idarticulo" y colocarle el "value" que selecciono el usuario.

No lo puedo hacer mediante ID ya que se pueden generar mas de un artículo y el ID debe siempre ser único.

No lo puedo hacer mediante class porque cada ves que el usuario crea un artículo nuevo reemplazaría a todos los input con esa clase.

espero haberme explicado mejor, disculpa si hice mucho entrevero

[Maganius]

Como dicen "una imagen es mejor que mil palabras"