Dropdown menu splitten op alfabet

Door Danny op 29-01-2010 12:07

836 views

Hallo,
Ik ben bezig voor onze lokale omroep een stemsysteem te maken voor een top....
Nou wordt de lijst waaruit de luisteraar kan kiezen erg groot (lijst wordt uit een database gehaald).
Is het mogelijk om een dropdown menu te creeren met de letters van het alfabeter erin, en als er dan op bijvoorbeeld de A geklikt wordt dat je dan alleen de artiesten met een A op het begin te zien krijgt.

En zo ja, kan iemand mij hiermee op weg helpen?

Alvast bedankt

Emmanuel Delay

30-01-2010 17:24

Een voorbeeld:

<?php

$con = mysql_connect('localhost', 'root', ''); // zelf invullen
$db_selected = mysql_select_db('mijn_database', $con);

$_GET['l'] = ( !empty($_GET['l']) ? substr($_GET['l'], 0, 1) : ''); // controleren of $_GET['l'] bestaat en enkel het eerste karakter nemen

$geselecteerde_liedjes = '';
if (!empty($_GET['l'])){ //
$sql =
"SELECT *
FROM liedjes
WHERE artiest LIKE '". mysql_real_escape_string($_GET['l']) ."%'
";
$res = mysql_query($sql);
while ($row = mysql_fetch_assoc ($res)) {
$geselecteerde_liedjes .= '<div>'. $row ['adres'] .'</div>'; // zelf aanpassen naar je noden
}
}

echo '
<html>
<head>
<script>
function selecteer_liedjes() {
document.select_liedjes.submit();
}
</script>
</head>
<body>
<form action="" name="select_liedjes">
<select name="l" onchange="selecteer_liedjes();">
<option value="">---</option>
<option value="a" '. ($_GET['l'] == 'a' ? 'selected="selected"' : '') .'>a</option>
<option value="b" '. ($_GET['l'] == 'b' ? 'selected="selected"' : '') .'>b</option>
<option value="c" '. ($_GET['l'] == 'c' ? 'selected="selected"' : '') .'>c</option>
...
</select>
<input type="submit" value="GO"/>
</form>
<div>'. $geselecteerde_liedjes .'</div>
</body>
</html>';
?>

Reageren

Inloggen om te reageren