I am trying to make a `combobox` dynamically. Right now I am using `option` tag and placing in side `select` tag.

```
    <div>
              <select data-placeholder="Choose a Country..." class="chosen-select" tabindex="4">
                <option value=""></option>
                <option value="United States">United States</option>
                <option value="United Kingdom">United Kingdom</option>
                <option value="Afghanistan">Afghanistan</option>
                <option value="Aland Islands">Aland Islands</option>
                <option value="Albania">Albania</option>
              </select>
            </div>

```

How can I make it dynamically. I can take it from JSON. How and where to write function in script. 
1. How to fetch data from url and place into combo values.
I want into plain javascript. 

This is my JSON data

```
[
    {
        ID : 0,
        VALUE : "United State"
    },{
        ID : 1,
        VALUE : "United Kingdom"
    },{
        ID : 2,
        VALUE : "Afghanistan"
    },{
        ID : 3,
        VALUE : "Aland Islands"
    },{
        ID : 4,
        VALUE : "Albania"
    }
]

```

Update Code :

```
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes</title>
  <link rel="stylesheet" href="docsupport/style.css">
  <link rel="stylesheet" href="docsupport/prism.css">
  <link rel="stylesheet" href="chosen.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://ajax.googleapis.com; style-src 'self'; img-src 'self' data:">
</head>
<body>
  <form>
    <div id="container">
      <div id="content">
        <div class="side-by-side clearfix">
        <div class="side-by-side clearfix">
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
            <div>
              <select id="choose" data-placeholder="Choose a Country..." class="chosen-select" tabindex="4">
                <option value=""></option>

              </select>
            </div>
        </div>
        </div>
        </div>
    </div>
  </form>
</body>
<script>
var jsonc = [
    {
        ID : 0,
        VALUE : "United State"
    },{
        ID : 1,
        VALUE : "United Kingdom"
    },{
        ID : 2,
        VALUE : "Afghanistan"
    },{
        ID : 3,
        VALUE : "Aland Islands"
    },{
        ID : 4,
        VALUE : "Albania"
    }
];

var new_opt="";
for(i=0;i<jsonc.length;i++)
{

   new_opt+='<option value="'+jsonc[i]['VALUE']+'">'+jsonc[i]['VALUE']+'</option>';
}

document.getElementById('choose').innerHTML =new_opt;
</script>
</html>

```