Trying different methods for dropdown

This commit is contained in:
Alice Sedgwick 2024-11-11 11:53:05 -05:00
parent 364cb5f85a
commit 01a2ada810
2 changed files with 19 additions and 1 deletions

View File

@ -66,6 +66,15 @@
</div> </div>
</div> </div>
</div> </div>
<select name="droneDropdown" id="droneDropdown" onLoad="handleSelect(this.value)" onChange="handleSelect(this.value)">
<option value="View All" selected>View All</option>
<option value="Certificates of Deposit (CDs)">Certificates of Deposit (CDs)</option>
<option value="Individual Retirement Account (IRA)">Individual Retirement Account (IRA)</option>
<option value="Money Market">Money Market</option>
<option value="Drone1">Drone1</option>
<option value="Checking">Checking</option>
</select>
<div id="myTableContainer"></div>
<table class="table table-dark"> <table class="table table-dark">

View File

@ -3,7 +3,6 @@
const drone = document.getElementById("drone"); const drone = document.getElementById("drone");
const drones = [ const drones = [
// 2.4 GHz Channels
["1", "mu1"], ["2", "mu2"], ["3", "mu3"], ["1", "mu1"], ["2", "mu2"], ["3", "mu3"],
["4", "mu4"], ["5", "mu5"], ["6", "mu6"] ["4", "mu4"], ["5", "mu5"], ["6", "mu6"]
] ]
@ -20,6 +19,16 @@ function initPage() {
addDropDown(drone, drones, currentDrone); addDropDown(drone, drones, currentDrone);
} }
function handleSelect(account) {
var drone1Table = "<table><tr><td>test</td></tr></table>";
switch(account)
{
case "Drone1":
document.getElementById("myTableContainer").innerHTML = drone1Table
break;
}
}
function dockerComposeFileChanged() { function dockerComposeFileChanged() {
if (composeFileSelection.value === "") { if (composeFileSelection.value === "") {
populateEditor(""); populateEditor("");