OnChange Combobox (select)

Ao selecionar um nome no elemento select, o e-mail é preenchido no elemtento input

by Tiago Agostinho

HTML

<form name="">
        <label>Nome:</label>
        <select name="select" id="select" onchange="selecionaEmail(this)">
            <option value="" selected></option>
            <option value="1|fulano.de.tal@mail.com">Fulano de Tal</option>
            <option value="2|pedro.da.silva@mail.com">Pedro da Silva</option>
            <option value="3|josues.ferreira@mail.com">Josués Ferreira</option>
            <option value="5|cicrano.de.tal@mail.com">Cicrano de Tal</option>
            <option value="12|beltrano.de.tal@mail.com">Beltrano de Tal</option>
        </select>
        <br><br>
        <label>Email:</label>
        <input type="text" name="email" id="email">
    </form>

JavaScript

function selecionaEmail(select){
	var valorSelecionado = select.value;
  var email = valorSelecionado.split("|")[1];
  document.getElementById("email").value = email;
}