Javascript를 통해 div에 HTML을 삽입하십시오.

Question

Jira가 만든 HTML 태그에서 onclick/onfocus/onchange를 얻으려고합니다. 항목 자체가 드롭 다운 목록이며, 내가 onfocus 및 다른 ID를 작동시킬 수있는 동안, 나는 그것이 내가 가진 무엇

목록

드롭 다운에 출근하지 못할 : innerHTML을 사용 후

<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> 

, onfocus가 페이지에 나타나지 않습니다. 나는 또한 전체 태그를 복사하고 HTML을 통해 입력하여 이것을 시도했다.

getElementById 다음에 .onchange 함수를 사용했지만 작동하지 않습니다.

Answer 1

내가 jQuery를 아래 .attr() 함수를 사용합니다 :

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

아니면 일반 JS로하여 addEventListener를 사용할 수 있습니다

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