2016-08-03 7 views
0

Ich versuche onclick/onfocus/onchange in einem HTML-Tag zu erhalten, die von Jira erstellt wird. Der Artikel selbst eine Dropdown-Liste ist und während ich onfocus bekommen können auf anderen IDs zu arbeiten, kann ich nicht bekommen esInject HTML in div über Javascript

auf der Dropdown-Liste arbeiten

Was ich habe:

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

Nach innerHTML- verwenden, Der Onfocus erscheint nicht auf der Seite. Ich habe es auch versucht, indem ich das gesamte Tag kopiert und über HTML eingegeben habe.

Ich habe die .onchange-Funktion nach getElementById verwendet, aber das funktioniert auch nicht.

+1

'' kein Ding ist. – Siguza

+1

'' ist kein gültiges HTML. Meinst du ''? –

+1

Sie müssen nicht HTML einfügen, um einen Ereignis-Listener hinzuzufügen, gibt es einen Grund, warum Sie auf diesem Pfad sind? – aw04

Antwort

3

Ich würde die .attr() Funktion unter jQuery:

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

Oder Sie die addEventListener mit einfachen JS verwenden:

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

Ich gab dies einen Versuch, und ich arbeitete nicht zuerst, aber ich googelte die addEventListener-Funktion und machte meine Zeichenfolge wie folgt aussehen: testObject = addEventListener ('ändern' , function() {colorChange();}, false) Das endete für mich. Vielen Dank! – BlueBaroo