i'm column of location in my sharepoint list, but i want the values put into a dropdown list. I'm not sure what i'm doing wrong. but i cant get the values to show in the dropdown. Any help will be appreciated
<script type="text/javascript">
var count = {};
var keys = [];
function Regions () {
var requestUri = _spPageContextInfo.webAbsoluteUrl +"/_api/Web/Lists/getByTitle('NPT Form')/items?$select=Location";
$('#RegionList').html('<option value="">All Region</option>');
// execute AJAX request
$.ajax({
url: requestUri,
type: "GET",
async:false,
headers: { "ACCEPT": "application/json;odata=verbose" },
success: function (data) {
//console.log(data);
//var count = 0;
dataResults = data.d.results;
var Location = [];
//console.log(dataResults);
for (i=0; i< data.d.results.length; i++) {
var region = dataResults[i].Location.split(':')[0];
//console.log(region);
if (count[region] === undefined){
count[region] = 1;
keys.push(region);
//<option value=”‘ + itemId + ‘”selected>’ + itemId + ‘</option>’;
$('#RegionList').append('<option>'+region+'</option>');
console.log(region);
}else {
count[region] = count[region] + 1;
}
}
console.log(keys);
},
});
}
Regions();
</script><div><table style="margin: 20px 20px 20px 14px;width: 97%;;"><tr><td style="padding:2px;background-color:#d5eaf0;"><b>Year:</b></td><td style="padding:2px;background-color:#d5eaf0;"><b>
Region:</b></td><td style="padding:2px;background-color:#d5eaf0;"><b>
Discipline:</b></td><td style="padding:2px;background-color:#d5eaf0;"><b>
Service Line:</b></td><td style="padding:2px;background-color:#d5eaf0;"><b>
Activity:</b></td></tr><tr><td style="padding:2px;background-color:#d5eaf0;"><select style="width:auto" class="form-control" id="YearList"></select></td><td style="padding:2px;background-color:#d5eaf0;"><select class="form-control" id="RegionList"></select></td><td style="padding:2px;background-color:#d5eaf0;"><select class="form-control" id="DiscList"></select></td><td style="padding:2px;background-color:#d5eaf0;"><select style="width:auto" class="form-control" id="SeLiList"></select></td><td style="padding:2px;background-color:#d5eaf0;"><select class="form-control" id="ActiList"></select></td></tr></table></div>