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.