entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

4votos

¿Cómo puedo traer el option de un Select y no el value?

hola a todos, tengo este select


- <select class="populate placeholder" name="color" id="color">
-       <option value="0" selected>Select</option>
-       <option value="1" selected>Azul</option>    
        <option value="2" selected>Rojo</option>
                <option value="3" selected>Blanco</option>
- </select>

quiero pasar en automático el valor a un input y con esta función trago el value, pero yo quiero el texto
por ejemplo si elijo 1, que me traiga texto "Azul" en el input

<script>
$(document).ready(function(){
$("#color").change(function(){
     var id1 =    $('#input1').val($(this).val());
});

    });

</script>

0voto

blaDDI comentado

<select class="populate placeholder" name="color" id="color">       
  <option value="0" selected>Select</option>
  <option value="Azul" selected>Azul</option>    
  <option value="Rojo" selected>Rojo</option>
  <option value="Blanco" selected>Blanco</option>
</select>

Otra Opcion

$("#miCombo").change(function(){
    alert($("#miCombo option:selected").text())
});

0voto

rach comentado

hola blaDDI muchas gracias por responder, veo que lo mandas en un alert pero ¿Cómo lo paso a un input text?

1 Respuesta

6votos

GusGarsaky Puntos5480

Esto es lo que necesitas:

$('#color').on('change', function() {
    var text = $('#color option:selected').text();
    // le asignas el texto del option seleccionado al input
    $('#input').val(text);
});

1voto

rach comentado

muchas gracias me funcionó muy bien :)

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta