5

quiero obtener el valor de un select sin tener que elegir una opcion y con este valor llenar un input, a lo que me refiero es que si el select viene con primera opcion texto1 y el value es 1 , que al hacer el refresh automaticamente me llene el input sin tener que elegir otra opción del select para que cargue el value 1 del texto1 . No se si logro explicarme bien , publico mi codigo : HTML :

 <select name="Proveedor" id="Proveedor" onchange="LLenarInput();"style="width:110px;height:20px;" required>
     <option value="1" >texto1</option>
     <option value="2" >texto2</option>
    </select>

<input type="text" id="proveedor2">

jquery

function LLenarInput() {
        var select = document.getElementById("Proveedor");
        document.getElementById("proveedor2").value = select.options[select.selectedIndex].value;
    }

Muchas gracias!

2
  • Por tu pregunta parece que piensas que jQuery es JavaScript, pones la etiqueta jquery pero nada en tu código es específico jQuery. Es JavaScript puro y duro.
    – Alvaro Montoro
    Commented el 19 abr. 2018 a las 14:01
  • jajaj si tenes razon :p Commented el 23 abr. 2018 a las 13:19

1 respuesta 1

5

Si te he entendido bien simplemente tienes que asignar el valor en el $(document).ready()

$(document).ready(function(){

var select = document.getElementById("Proveedor");
        document.getElementById("proveedor2").value = select.value;
        
});

function LLenarInput() {
    var select = document.getElementById("Proveedor");
    document.getElementById("proveedor2").value = select.value;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="Proveedor" id="Proveedor" style="width:110px;height:20px;" required>
     <option value="1" >texto1</option>
     <option value="2" >texto2</option>
    </select>

<input type="text" id="proveedor2">

Edito: Ahora que tengo más tiempo te pongo la solución utilizando jQuery (que para eso lo tienes :))

$(document).ready(function(){

   $("#Proveedor").on("change",function(){
     LLenarInput()
    });
   $("#proveedor2").val($("#Proveedor").val());            
});

function LLenarInput() {
    $("#proveedor2").val($("#Proveedor").val()); 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="Proveedor" id="Proveedor" onchange="LLenarInput();"style="width:110px;height:20px;" required>
     <option value="1" >texto1</option>
     <option value="2" >texto2</option>
    </select>

<input type="text" id="proveedor2">

Info

1

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.