I have a simple JSON code:
JavaScript
x
2
1
[{'1':'Name'}, {'2', 'Age'}, {'3','Gender'}]
2
I have a select tag in my HTML:
JavaScript
1
2
1
<select name="datas" id="datas"></select>
2
I need a simple way to create HTML select box from this JSON, like this:
JavaScript
1
6
1
<select name="datas" id="datas">
2
<option value="1">Name</option>
3
<option value="2">Age</option>
4
<option value="3">Gender</option>
5
</select>
6
Advertisement
Answer
Just for kicks here is an answer in pure javascript, also you probably do not need an array for this just a simple object will suffice
JavaScript
1
16
16
1
<select name="datas" id="datas"></select>
2
<script>
3
4
html = "";
5
obj = {
6
"1" : "Name",
7
"2": "Age",
8
"3" : "Gender"
9
}
10
for(var key in obj) {
11
html += "<option value=" + key + ">" +obj[key] + "</option>"
12
}
13
document.getElementById("datas").innerHTML = html;
14
15
</script>
16