Skip to content

Instantly share code, notes, and snippets.

@2hands10fingers
Created August 22, 2017 19:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save 2hands10fingers/4ad7cd5105dc90aca88a291b6efeef71 to your computer and use it in GitHub Desktop.
Save 2hands10fingers/4ad7cd5105dc90aca88a291b6efeef71 to your computer and use it in GitHub Desktop.
Building out options with a loop in a selection drop down
$(function(){
var requestUrl = '/physmodo/API/GYM-OWNERS.php';
$.post(requestUrl, function (data) {
for(var i = 0; i < data.length; i++){
// DATA SELECTIONS
var dataTable = $('.dataTable--body');
var gymOwnerID = data.["#"];
var gymOnwerName = data.["#"];
var gymName = data.["#"];
var gymOwnerEmail = data.["#"];
// PREPARE TABLE ROW
var builder = '<tr class ="table--row" class="item">'
builder += '<td class="GYM-OWNER--data">' + gymOwnerName +'</td>'
builder += '<td class="GYM-NAME--data">' + gymName+ '</td>'
builder += '<td class="gymOwnerEmail--data">' + gymOwnerEmail + '</td>'
builder += '<td><button class="remove--data" action="" data-removeGO="'+ gymOwnerID+ '" /></button></td>'
builder += '<td><button class="revokeSight--data" action="" data-revokeGOsight="'+ gymOwnerID+ '" /></button></td>'
builder += '<td><button class="giveSight--data" action="" data-giveGOsight="'+ gymOwnerID+ '" /></button></td>'
builder += '<td><button class="seeGOSight--data" action="" data-seeGOsight="'+ gymOwnerID+ '" /></button></td>'
builder += '<td><button class="seeGOSight--data" action="" data-seeGOsight="'+ gymOwnerID+ '" /></button></td>'
builder += '</tr>'
// BUILDS THE TABLE ROW
dataTable.append(builder);
}
}, "json");
});
$(function(){
var requestUrl = '/physmodo/API/GYMS.php';
$.post(requestUrl, function (data) {
for(var i = 0; i < data.length; i++){
// DATA SELECTIONS
var dataTable = $('.gymSelector');
var gymName = data.["#"];
var gymID = data.["#"];
// PREPARE OPTIONS
var builder = '<option data-gymID"'+ gymID +'">'+ gymName +'</option>'
// BUILDS THE SELECTOR OTPIONS
dataTable.append(builder);
}
}, "json");
});
$(function(){
var requestUrl = '/physmodo/API/GYM-OWNERS.php';
$.post(requestUrl, function (data) {
for(var i = 0; i < data.length; i++){
// DATA SELECTIONS
var dataTable = $('.gymOwnerSelector');
var gymOwnerEmail = data.["#"];
// PREPARE OPTIONS
var builder = '<option data-gymOwnerEmail"'+ gymOwnerEmail +'">'+ gymOwner +'</option>'
// BUILDS THE SELECTOR OTPIONS
dataTable.append(builder);
}
}, "json");
});
// <select>
// <option value="volvo">Volvo</option>
// <option value="saab">Saab</option>
// <option value="opel">Opel</option>
// <option value="audi">Audi</option>
// </select>
function selectorBuilder(data) {
var projectSelector = $('.selector');
for (var i = 0; i < data.projects.length; i++) {
var projName = data["projects"][i].name;
var projID = data["projects"][i].id;
var sBuilder = '<option data-id="'+ projID +'">'+ projName +'</option>';
projectSelector.append(sBuilder);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment