通过Javascript将HTML注入div

时间:2016-08-03 18:23:21

标签: javascript html css jira

我正在尝试在由Jira创建的HTML标记中获取onclick / onfocus / onchange。该项目本身是一个下拉列表,虽然我可以onfocus来处理其他ID,但我无法让它在下拉列表中工作

我有什么:

<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输入。

我在getElementById后使用了.onchange函数,但这也不起作用。

1 个答案:

答案 0 :(得分:3)

我会在jQuery下使用.attr()函数:

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

或者您可以将addEventListener与普通JS一起使用:

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