Hallo,
ich habe folgende Dropdownbox:
Die Dropbox soll mit JavaScript so funktionieren, dass, wenn eine Kateogie in der Dropdownbox ausgesucht wird, diese Kategorie ohne einen submit-button direkt anzuzeigen nach einem Seitenrefresh.
Hier mal der Quelltext dazu, damit das ein wenig deutlicher wird:
PHP
<select id="categories">
<?php
//Anzahl aller Beiträge in postcount speichern
$postcount = wp_count_posts();
//<option> für Alle Kateorien anlegen
echo '<option value="'.get_home_url().'/tutorium">Alle Kategorien ('.$postcount->publish.')</option>';
//Argumente für Kategoriesuche
$args = array(
'orderby' => 'name',
'order' => 'ASC',
'hide_empty' => '1',
'title_li' => ''
);
//Alle Kategorien heraussuchen und speichern
$categories = get_categories($args);
//Kategorien ausgeben
$category_id = get_queried_object_id();
foreach($categories as $category)
{
if($category_id == $category->term_id) echo '<option value="'.get_category_link($category->term_id).'" selected> '.$category->name.' ('.$category->category_count.')</option>';
else echo '<option value="'.get_category_link($category->term_id).'"> '.$category->name.' ('.$category->category_count.')</option>';
}
?>
</select>
<script>
document.getElementById("categories").onchange = function()
{
if (this.selectedIndex!==0) {
window.location.href = this.value;
}
};
</script>Die direkte Verlinkung mit den Kategorien funktioniert soweit, aber "Alle Kategorien" nicht. Ich weiß einfach nicht warum. Selbst wenn ich die direkte URL als value setze, funktioniert der Link nicht :(
PS: ich hoffe der Quelltext ist nicht zu unübersichtlich :roll: