0

En el código de muestra esta seleccionado en el combo (Select) "valor uno", pero este no muestra nada en el input.

introducir la descripción de la imagen aquí

Hasta seleccionar otra opción ejemplo: seleccionando primero "valor dos" y después "valor uno".

introducir la descripción de la imagen aquí

¿De qué manera podría tomar el valor por default?

$(function() {
  $(document).on('change', '#mySelect', function() { //detectamos el evento change
    var value = $(this).val(); //sacamos el valor del select
    $('#myInput').val(value);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<select id="mySelect">
  <option value="1">Valor uno</option>
  <option value="2">Valor dos</option>
  <option value="3">Valor tres</option>
</select>

<input id="myInput">

2
  • 1
    Veo que usas jQuey y en el código no muestras nada de PHP, así que me tomé la libertad de modificar las etiquetas para no confundir.
    – DjCrazy
    Commented el 31 ago. 2022 a las 1:58
  • Si alguna de las respuestas te ha servido, te animo a aceptarla con el check del lado izquierdo para que sirva de referencia a futuros visitantes. En caso contrario, déjanos un comentario para saber si podemos ayudarte de otra manera.
    – DjCrazy
    Commented el 31 ago. 2022 a las 16:54

2 respuestas 2

3

Básicamente debes ejecutar la función en dos momentos, al cargar la página y en el evento onchange.

Dejo el código comentado por si hay dudas.

//Hacer que se ejecute la función al cargar la pagina
$(document).ready(function() {
  asignarValor();
});

//Declarar la función
function asignarValor() {
  //Capturar el valor del select
  let valorSeleccionado = $('#mySelect').val();
  //Pasarlo al input
  $('#myInput').val(valorSeleccionado);
};

//Y en el evento onchange se ejecuta nuevamente la función
$(document).on('change', '#mySelect', function() {
  asignarValor();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<select id="mySelect">
  <option value="1">Valor uno</option>
  <option value="2">Valor dos</option>
  <option value="3">Valor tres</option>
</select>

<input id="myInput">

0

Podrías probar con esto,

<select id="mySelect">
  <option value="1" selected>Valor uno</option>
  <option value="2">Valor dos</option>
  <option value="3">Valor tres</option>
</select>
1
  • 1
    Gracias por contribuir con la comunidad. Hay una serie de lineamientos para dar respuestas de calidad. Consulta ¿Cómo escribo una buena respuesta?. Trata de mejorarla para que reciba mejor puntuación.
    – DjCrazy
    Commented el 31 ago. 2022 a las 1:52

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.