CODEWITHSUNDEEP
javascripthtmlarraysdynamic
user2647710
user2647710

Reputation: 43

Access javascript Array in HTML

I am creating a mobile app. I have a javascript file language.js having the following code 

var lang=new Array(); 
lang[0]="English";      
lang[1]="Chinese";
lang[2]="Korean";

I want to create checkbox input based on the array in html like :

<div data-role="fieldcontain" class="ui-hide-label">
<input type="checkbox" name="English" value="0" onclick="setvalue(this.value)">English<br><input type="checkbox" name="Chinese" value="1" onclick="setvalue(this.value)">Chinese<br><input type="checkbox" name="Korean" value="2" onclick="setvalue(this.value)">Korean</div>

How do i insert the array from language.js in HTML? Thanks!

Upvotes: 0

Views: 11633

Answers (1)

user1637579
user1637579

Reputation:

You'd probably want something like this:

function buildLanguages() {
    var div = document.getElementById("langDiv");

    var html = "";
    for (var i=0;i<lang.length;i++) {
        html += "<input type='checkbox' name='" + lang[i] + "' value='" + i + "' onClick=\"setValue(this.value);\">" + lang[i] + "<br>";
    }

    div.innerHTML = html;
}

And your html:

<div data-role="fieldcontain" class="ui-hide-label" id="langDiv">
</div>

A Fiddle for the Demo: http://jsfiddle.net/4qb9Y/

Upvotes: 3

Related Questions