Вставить HTML в div с помощью Javascript

Question

Я пытаюсь получить onclick/onfocus/onchange в теге HTML, который создается Jira. Сам элемент представляет собой выпадающий список и в то время как я могу получить OnFocus работать над другими идентификаторами, я не могу заставить его работать на выпадающем списке

Что у меня есть:

<script type ="text/javascript" > 
console.log("Testing"); 
var colorDropDown = document.getElementById('someID'); 

function changeColor() 
{ 
    //if(value) 
    alert("Hello World"); 
} 

document.getElementById("someID").innerHTML ="<onfocus=\"changeColor()\"></select>" 
//document.getElementById("customfield_11901").innerHTML = "<select class=\"select cf-select\" name=\"customfield_11901\" id=\"customfield_11901\" onfocus=\"changeColor()\">" 

</script> 

После использования innerHTML, onfocus не отображается на странице. Я также попробовал это, скопировав весь тег и введя его через HTML.

Я использовал функцию .onchange после getElementById, но это тоже не работает.

Answer 1

Я хотел бы использовать функцию .attr() под JQuery:

$('#select_id').attr('onfocus', 'changeColor();'); 

Или вы можете использовать addEventListener с простыми JS:

object = document.getElementById('#select_id'); 
object.addEventListener('focus', 'changeColor();');