<!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> function cambioOpciones(indicador) { document.getElementById('indicativo').value = indicador; } <!-- language: lang-html --> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript"></script> <title>help</title> </head> <body> <div> <label> País </label> <select name="pais_txt" id="pais" onchange="cambioOpciones(this.options[this.selectedIndex].dataset.indicador);"required> <option value="Alemania" data-indicador="49"> Alemania </option> <option value="Argentina" data-indicador="54"> Argentina </option> <option value="Colombia" data-indicador="52"> Colombia </option> </select> </div> <br> <div> <label> Indicativo <input name="indicativo_txt" id="indicativo" size="2" readonly/> </label> </div> </body> </html> <!-- end snippet --> Te propongo una solución que se apoya en los atributos personalizados de HTML5. De esta manera puedes preservar el `value` que tenías en los `options`.