Si te he entendido bien simplemente tienes que asignar el valor en el `$(document).ready()` <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> $(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; } <!-- language: lang-html --> <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"> <!-- end snippet --> **Edito**: Ahora que tengo más tiempo te pongo la solución utilizando `jQuery` (que para eso lo tienes :)) <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> $(document).ready(function(){ $("#Proveedor").on("change",function(){ LLenarInput() }); $("#proveedor2").val($("#Proveedor").val()); }); function LLenarInput() { $("#proveedor2").val($("#Proveedor").val()); } <!-- language: lang-html --> <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"> <!-- end snippet --> [Info][1] [1]: https://learn.jquery.com/using-jquery-core/document-ready/