CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

NSDK Nybegynder

17. maj 2014 - 23:13 Der er 3 kommentarer

Dynamisk visning af DIV

Hej!

Jeg søger hjælp til noget PHP/AJAX/jQuery programmering. Jeg er ikke helt sikker på hvordan det skal løses, så derfor søger jeg hjælp!

Jeg har en select-boks på min side. Den indeholder nogle forskellige værdier.
Jeg vil gerne kunne vise en DIV indeholdende de informationer der tilhører den valgte værdi. Elementerne skal hentes fra min MySQL database uden brug af submit.

Hvordan er det muligt. Det vil sige at det skal være 100% dynamisk.

Jeg håber virkelig der er en venlig sjæl der kan hjælpe med et eksempel så jeg kan lære hvordan jeg skal gøre det.

På forhånd mange tak!

Synes godt om

sessingo Nybegynder

18. maj 2014 - 05:59 #1

Jeg har lavet et lille eksempel - det er ikke testet, men det burde pege dig lidt i retningen af hvordan det fungerer.

DIN AJAX HANDLER

<?php
$result = array();
if(isset($_GET[‘type'])) {
$type = $_GET[‘type'];

// Hent dine informationer fra databasen og smid dem i et array
// jeg bruger bare dummy data til det her formål

for($i=0;$i<10;$i++) {
$result[‘data'][] = array(‘name' => ‘Test_'.$i, ‘value' => $i);
}
}

echo json_encode($result);

?>

DIN HTML FIL (HUSK AT INKLUDERE JQUERY)

<html>
<head>
<title>Test</title>
</head>
<body>
<select class="js-changeexample">
<option value="Hamster">Hamster</option>
<option value="Hund">Hund</option>
<option value="Hare">Hare</option>
</select>

<select class="js-load">

</select>

<script>
$(document).ready(function() {
$(‘.js-changeexample').bind(‘change', function(e) {
e.preventDefault();
var loadExample = $(‘.js-load');
var val = $(this).val();
loadExample.find(‘option').remove();
$.ajax(‘/minhandler.php', function(r) {
if(r != null && r.data != null && r.data.length > 0) {
$.each(r.data, function(i) {
loadExample.append(‘<option value="‘+ i.value +'">‘+ i.name +'</option>');
});
}
});
});
});
</script>
</body>
</html>

Held og lykke med det!

- Simon

Synes godt om

NSDK Nybegynder

18. maj 2014 - 20:29 #2

Hej Simon,

Tak for dit eksempel.
Jeg har prøvet at se om jeg kunne gennemskue det, men idet jeg er helt ny i AJAX, så kunne jeg nok godt bruge lidt uddybende kommentarer til dit eksempel.
Har du mulighed for at vise hvordan det kunne se ud når man skal hente data ud fra en database?

Endnu en gang tusind tak for hjælpen!

Synes godt om

NSDK Nybegynder

18. maj 2014 - 22:37 #3

Hej igen Simon,

Jeg fandt ud af det.
Tak for hjælpen.
Smid et svar, og du får dine points :-)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Flere spørgsmål fra PHP kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Adgang til vandaflæsningsdata Af nemlig i PHP	3	22/04/202422:04	23/04/202416:52
Vælg post rækkefølge Af Mojo_dk i PHP	3	06/04/202418:40	07/04/202412:20
Hjælp til PHP Af Friis77 i PHP	5	11/02/202419:58	12/02/202407:55
Total antal records med undtagelse Af uac i PHP	5	09/02/202414:55	09/02/202415:30
Delete form Af lefsa62 i PHP	1	29/01/202412:40	29/01/202412:41

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS