Created
August 22, 2017 19:25
-
-
Save 2hands10fingers/4ad7cd5105dc90aca88a291b6efeef71 to your computer and use it in GitHub Desktop.
Building out options with a loop in a selection drop down
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$(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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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