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

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra PHP kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Datafordeler Af Lsk i PHP	2	01/11/202422:00	02/11/202409:30
Datoformat ved eksport til Excel Af dane022 i PHP	8	17/09/202414:48	30/09/202419:55
Hjælp til PHP ( mener jeg det hedder) Af lurup i PHP	0	12/09/202423:39	-
wp_delete_user virker ikke i Wordpress Af Ravnsen i PHP	2	21/08/202417:53	21/08/202422:03
php driller Af moscov i PHP	1	19/08/202415:09	20/08/202421:24

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

22/11

Test: Den snusfornuftige Volkswagen ID.3 blevet til lidt af el-bisse

22/11

Vil købe tele-løsninger til det offentlige for 370 millioner kroner

22/11

Nørgaard: Det er de neuro-divergente originalers tid

22/11

Sker helt åbenlyst: Ansatte i den kinesiske stat sælger borgernes personlige data på hemmelige internet-fora

22/11

Efterspørgslen på AI-regnekraft er enorm - og det smitter af på priserne: "Vi kan sælge næsten alt, hvad vi får ind"

22/11

Derfor bliver den amerikanske tvangs-opdeling af Google nok ikke til noget

22/11

Nyt værtøj fra Microsoft: Snart kan du reparere nedbrudte Windows-enheder på distancen

22/11

Vi har fundet 10 ledige it-stillinger, som du kan søge netop nu

22/11

Politiet skriver kontrakt på 75 millioner kroner med dansk it-firma: Medarbejdere skal flytte ind hos politiet

22/11

Kombit gør klar til at købe it-konsulenter for 140 millioner kroner - her er planen

22/11

Droner i krig - sådan anvendes de mest effektivt på slagmarken

Vis flere artikler

IT-JOB

ATP

Business Intelligence Specialist til en af Danmarks største investorer

Finanstilsynet

IT-revisor til tilsyn med den finansielle sektor

A.T. Kearney P/S

Nordisk IT-supporter i globalt konsulenthus

KMD A/S

.NET Developer

PensionDanmark

Automation Specialist til PensionDanmarks Process Automation Team

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

25 min siden	Navigation i Peugeot 3-2008 fra 2017 Af arnepedersen i Andet software
I dag 14:10	Outlook henter ikke mails Af TTA i Office & Kontorpakker
I dag 13:58	vise billeder i kartotek med store ikoner inklusive optagelsesdato Af Malm i Billedbehandling
I dag 13:35	Adobe Elements 2019, Organizer Crasher Af mort1 i Billedbehandling
I går 20:49	pop up black friday Af Malm i Virus