Cambia dinámicamente el valor de selección

Question

Necesito obtener el valor de la opción seleccionada (cuando se cambia) en una lista de selección y cambiar el texto en un lapso junto a la lista de selección. El problema es que no sé la identificación de la lista de selección. Hay muchas listas de selección diferentes en la página (5-25 +) y todas se crean de forma dinámica, por lo que no puedo tener la identificación especificada en el .change(). Aquí es lo que tengo:

JavaScript:

$("select").change(function() { 
    var str = ""; 
    str = $("select option:selected").text(); 

    $(".out").text(str); 
}).trigger('change'); 

(. Por supuesto, esto no funciona, pone todos los valores seleccionados en cada tramo)

HTML:

<select name="animal[]"> 
    <option value="dog">dog</option> 
    <option value="cat">cat</option> 
    <option value="bird">bird</option> 
    <option value="snake">snake</option> 
</select> 
<span class="out"></span> 

¿Qué me falta?

Answer 1

intentar algo como esto:

$("select").change(function() { 
    var txt = $(this).val(); 
    $(this).next('span.out').text(txt); 
}).trigger('change');​ 

Answer 2

suena como usted desea utilizar jQuery next

Answer 3

Prueba esto:

$("select").each(function(){ 

    var select = $(this), 
     out = select.next(); 

    select.change(function() { 
     out.text(select.val()); 
    }); 

}).trigger('change'); 

Answer 4

que pueda obtener el elemento de cambio de uso de $(this) dentro de la devolución de llamada de eventos . Pruebe a cambiar la línea

str = $("select option:selected").text(); 

a

str = $(this).find("option:selected").text(); 

Answer 5

Prueba esto:

$("select").change(function() { 
    var str = ""; 
    str = $(this).find(":selected").text(); 

    $(".out").text(str); 
}).trigger('change');