cabe resaltar que estoy usando Bootstrap.
codigo HTML ejemplo:
tengo un input
.
<input class="form-control form-control-lg" list="datalistUsername" type="text" id="username" placeholder="Ingrese Nombre de Usuario" onkeydown="Myfuncion()" autofocus />
<datalist id="datalistUsername">
</datalist>
Codigo Java Script:
let Result;
let Username;
window.onload = function(){
Result= document.getElementById("datalistUsername")
Username= document.getElementById("username")
function Myfuncion(){
let template = ""
template+=`<option id="id_nuevo" value="${Username.value}">`
Result.innerHTML = template
}
}
me explico al principio cuando cargo el documento claramente <option id="id_nuevo" value="${Username.value}">
no esta, quiero saber que cuando el id_nuevo
aparezca en el documento ejecute otra función x. si se puede hacer ?