Como hacer para que al seleccionar una opción del tag dataList, se capturare el evento y este llame a una función javaScript para que el mismo llene un campo automáticamente luego luego de seleccionarlo.
Este es mi codigo.
<form>
<script type="text/javascript">
// funcion que se ejecuta cada vez que se selecciona una opción
function cambioOpciones()
{
document.getElementById('showId').value = document.getElementById('opciones').value;
}
</script>
<datalist id='opciones' onchange='cambioOpciones();'>
<option value=''>Selecciona una opción</option>
<option value='1'>Opción 1</option>
<option value='2'>Opción 2</option>
<option value='3'>Opción 3</option>
</datalist>
<!-- input donde se mostrara el id de la opción -->
<input type='text' id='showId' />
</form>