c2024
/
projekt
17
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

get role and get option added

This commit is contained in:
james 2024-10-22 14:32:00 +02:00
parent d22b3c8a15
commit 7d6bc084ed
1 changed files with 39 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
index.html
View File

@ -19,6 +19,44 @@
padding: 8px; padding: 8px;
} }
</style> </style>
<script>
function fetchRoles() {
fetch('get1.php')
.then(response => response.json())
.then(data => {
const select = document.getElementById('select-role');
data.forEach(role => {
const option = document.createElement('option');
option.value = role.id;
option.textContent = role.role_name;
select.appendChild(option);
console.log(option);
});
})
}
document.addEventListener('DOMContentLoaded', (event) => {
fetchRoles();
});
function fetchClasses() {
fetch('get2.php')
.then(response => response.json())
.then(data => {
const select = document.getElementById('select-class');
data.forEach(cls => {
const option = document.createElement('option');
option.value = cls.id;
option.textContent = cls.class_name;
select.appendChild(option);
console.log(option);
});
})
}
document.addEventListener('DOMContentLoaded', (event) => {
fetchClasses();
});
</script>
</head> </head>
<body class="dark-background"> <body class="dark-background">
@ -132,13 +170,12 @@
<div class="select-role"> <div class="select-role">
<p class="tag">Wybierz role:</p> <p class="tag">Wybierz role:</p>
<select onchange="changeRole()" id="select-role" class="select-role"> <select onchange="changeRole()" id="select-role" class="select-role">
</select> </select>
</div> </div>
<div class="select-class" id="select-class-container"> <div class="select-class" id="select-class-container">
<p class="tag">Wybierz klasę:</p> <p class="tag">Wybierz klasę:</p>
<select class="select-class" id="select-class-select"> <select id="select-class" class="select-class">
<!-- Opcje będą ładowane dynamicznie --> <!-- Opcje będą ładowane dynamicznie -->
</select> </select>
</div> </div>