CODEWITHSUNDEEP
javascriptgetelementbyid
Grux
Grux

Reputation: 584

Multiple ids with getElementById();

I'm trying to get javascript to write html on a page when a link is clicked.

function updatetext(){
    var file = document.getElementById("file").value;
document.getElementById('updated').innerHTML = file;
}
<input id="file" value="text I want to write to the page" type="hidden">
<span id="updated">&nbsp;</span>

This works for an ID labeled "file" but I have multiple ID's like, file1, file2, file3...

I'm wondering if my onclick="updatetext()"; should have some argument like onclick="updatetext(1)"; but that doesn't seem to work. I'm not sure how to get the right input id from clicking on the link.

Upvotes: 0

Views: 2785

Answers (1)

Toon Casteele
Toon Casteele

Reputation: 2579

function updatetext(id){
    var file = document.getElementById("file" + id).value;
    document.getElementById('updated').innerHTML = file;
}

That should do it, if you want to do what I interpreted

Upvotes: 4

Related Questions