Dropdown lijst met suggestie
Dan kom je iets dergelijks als dit tegen :
http://adoptive.esy.es/autocomplete/
en
http://adoptive.esy.es/dynamic_select/
Code (php)
1
2
3
4
2
3
4
$data = array();
while($row = $result->fetch_assoc()){
$data[] = $row;
}
while($row = $result->fetch_assoc()){
$data[] = $row;
}
Ik zal de code er straks eens bijpakken.
of
https://jqueryui.com/autocomplete/#remote-jsonp
Als je de voorbeelden volgt, moet je normaal een heel eind kunnen komen!
Toevoeging op 10/08/2017 19:14:59:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
if (isset($_GET['term']) && $_GET['term'] != '') {
$sql = "SELECT afk AS afkorting, plaats FROM locaties
WHERE plaats LIKE('".mysqli_real_escape_string($conn,$_GET['term'])."%'
ORDER BY plaats";
$suggest_query = mysqli_query($conn,$sql);
$searchresults = array();
while($suggest = mysqli_fetch_assoc($suggest_query)) {
$searchresults[] = array( "label" => utf8_encode($suggest['plaats']),
"id" => $suggest['afkorting']
);
}
}
echo json_encode($searchresults);
?>
if (isset($_GET['term']) && $_GET['term'] != '') {
$sql = "SELECT afk AS afkorting, plaats FROM locaties
WHERE plaats LIKE('".mysqli_real_escape_string($conn,$_GET['term'])."%'
ORDER BY plaats";
$suggest_query = mysqli_query($conn,$sql);
$searchresults = array();
while($suggest = mysqli_fetch_assoc($suggest_query)) {
$searchresults[] = array( "label" => utf8_encode($suggest['plaats']),
"id" => $suggest['afkorting']
);
}
}
echo json_encode($searchresults);
?>
Mijn code ;-).
Gewijzigd op 10/08/2017 20:21:59 door - Ariën -
Want wie zoekt nou in een XML-file. De meesten mensen gebruiken een relationele database zoals MySQL/MariaDB ;-)
- Ariën - op 10/08/2017 20:00:46:
Alleen jammer dat die voorbeelden op die sites soms totaal op praktijk gebasseerd is die weinig voorkomt.
Want wie zoekt nou in een XML-file. De meesten mensen gebruiken een relationele database zoals MySQL/MariaDB ;-)
Want wie zoekt nou in een XML-file. De meesten mensen gebruiken een relationele database zoals MySQL/MariaDB ;-)
Met jQuery kun je prima ook MySQL etc gebruiken... Je haalt de data op uit een PHP bestand, wat je daar dus in zet, kun je zelf bepalen.
Ik doe het met jQuery en vervolgens een MySQL verbinding in de PHP.
Ik heb jouw code iets aangepast, op regel 1 kreeg ik een foutmeldin(depricated)
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
$suggest_query = mysqli_query($dblink, $sql);
$searchresults = array();
while($suggest = mysqli_fetch_assoc($suggest_query)) {
$searchresults[] = array( "nf" => utf8_encode($suggest['nf']),
"FEI_id" => $suggest['fei_id'],
"current_name" => $suggest['current_name']
);
}
$searchresults = array();
while($suggest = mysqli_fetch_assoc($suggest_query)) {
$searchresults[] = array( "nf" => utf8_encode($suggest['nf']),
"FEI_id" => $suggest['fei_id'],
"current_name" => $suggest['current_name']
);
}
En om een datalist te maken deze code toegevoegd
Code (php)
1
2
2
//echo json_encode($searchresults);
?>
?>
<datalist>
Code (php)
echo "</datalist\n ";
?>
Dan gebruik je een database.
Edit: Mijn code was inderdaad nog verouderd. Ik moet de code zelf voor mijn eigen project nog eens nodig refactoren. Nu moet het wel goed zijn.
Gewijzigd op 10/08/2017 20:22:53 door - Ariën -