Skip to main content
1 de 2
Einer
  • 20.6k
  • 2
  • 17
  • 39

Tienes que mover el javascript al final de la pagina para poder lograrlo:

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

<select id="dropdown" >

  <option value="">None</option>
  <option value="text1">text1</option>
  <option value="text2">text2</option>
  <option value="text3">text3</option>
  <option value="text4">text4</option>
</select>

<script text=javascript>
var select = document.getElementById('dropdown');
select.addEventListener('change', function(event) {
  var select = event.target;
  var indiceSeleccionado = select.selectedIndex;
  var elementoSeleccionado = select.options[indiceSeleccionado];
  var texto = document.getElementById('mytext');

  texto.value = select.value;

})
</script>

La ejecucion del codigo de la pagina se ejecuta en modo cascada, comenzando desde arriba hacia final de la pagina. En tu codigo var select = document.getElementById('dropdown'); se ejecuta antes de que el propio select siquiera se haya renderizado y por eso no lo puede encontrar.

Einer
  • 20.6k
  • 2
  • 17
  • 39