birdman24
New Coder
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JSON Test</title>
</head>
<body>
<div id="myData">
<p>Reference Documents</p>
<select name="ComboRefDocs" id="ComboRef">
<option selected value="">Select Desired Document</option>
</select>
<p>Minutes Documents</p>
<select name="ComboMinsDocs" id="ComboMins">
<option selected value="">Select Desired Document</option>
</select>
<p>Forms Documents</p>
<select name="ComboFormsDocs" id="ComboForms">
<option selected value="">Select Desired Document</option>
</select>
<p>Financial Documents</p>
<select name="ComboFinDocs" id="ComboFin">
<option selected value="">Select Desired Document</option>
</select>
</div>
<script>
let url = "FormsDocs.json";
let comboName = "ComboForms";
loademup();
url = "ReferenceDocs.json";
comboName = "ComboRef";
loademup();
url = "FinancialDocs.json";
comboName = "ComboFin";
loademup();
url = "MinutesDocs.json";
comboName = "ComboMins";
loademup();
function loademup()
{
fetch(url)
.then(function (response) {
return response.json();
alert('Finished reading input file: ' + url);
})
.then(function (data) {
appendData(data);
alert('Finished adding items to combobox for file: ' + url);
})
.catch(function (err) {
console.log('error: ' + err);
});
function appendData(data) {
let ele = document.getElementById(comboName);
for (var i = 0; i < data.length; i++) {
ele.innerHTML = ele.innerHTML +
'<option value="' + data[i]['filename'] + '">' + data[i]['itemvalue'] + '</optioin>';
}
}
}
</script>
</body>
</html>