I've been trying to pass through JS variables via the onChange event but keep receiving the

Uncaught TypeError: Cannot read property 'firstChild' of null

under Google Chrome. Here is my code below:

    artistID = album_select.substring(0, album_select.indexOf('/'));
    albumID = album_select.substring(album_select.indexOf('/')+1, album_select.length);     
    var count = 0;
    var tracklist = '';
    for(track in albumlist[albumID][2]){
        count++;
        tracklist+="<option id='"+album+"'>"+track+"</option>";             
        } 
    hstr+="<form><select size='"+count+"' onChange='parent.loadSong(this.value, document.getElementById(\"album_select\").firstChild.nodeValue, document.getElementById(\"artistID\").firstChild.nodeValue)' style='font-size:2em;'>";
    hstr+=tracklist;
    hstr+="</form></select>";

I've been trying to pass through JS variables via the onChange event but keep receiving the

Uncaught TypeError: Cannot read property 'firstChild' of null

under Google Chrome. Here is my code below:

    artistID = album_select.substring(0, album_select.indexOf('/'));
    albumID = album_select.substring(album_select.indexOf('/')+1, album_select.length);     
    var count = 0;
    var tracklist = '';
    for(track in albumlist[albumID][2]){
        count++;
        tracklist+="<option id='"+album+"'>"+track+"</option>";             
        } 
    hstr+="<form><select size='"+count+"' onChange='parent.loadSong(this.value, document.getElementById(\"album_select\").firstChild.nodeValue, document.getElementById(\"artistID\").firstChild.nodeValue)' style='font-size:2em;'>";
    hstr+=tracklist;
    hstr+="</form></select>";

• javascript
• xml

Share Improve this question Follow asked Dec 3, 2011 at 23:13 methuselahmethuselah 13.2k5353 gold badges177177 silver badges333333 bronze badges 1

• can u show the html for album_select and artistID please? – samach Commented Dec 3, 2011 at 23:30

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 1

This part of the string:

document.getElementById(\"artistID\")

Is looking for an ID of "artistID".

I assume you meant to concatenate the variable.

"...document.getElementById('" + artistID + "')..."

Sounds like this one needs it too:

"...document.getElementById('" + album_select + "')..."