Filtering the output with checkboxes in WordPress

Question

I'm building a page in WordPress with a filter function. Basically I want to change the output of the data when you click on the checkbox. What I have now:

    <form class="compo-filter">
    <input type="checkbox" name="compo-cat" value="indoor" onclick="if(this.checked){this.form.submit();}" />Indoor
    <input type="checkbox" name="compo-cat" value="outdoor" onclick="if(this.checked){this.form.submit();}" />Outdoor
    <input type="checkbox" name="compo-cat" value="men" onclick="if(this.checked){this.form.submit();}" />Men
    <input type="checkbox" name="compo-cat" value="women" onclick="if(this.checked){this.form.submit();}" />Women 
    <input type="checkbox" name="order" value="order" onclick="if(this.checked){this.form.submit();}" />Show only competitions currently in progress
</form>

<?php 
    $today = date('Y-m-d');
    $args = array(
        'post_type' => 'competitions',
        'posts_per_page' => 10,
        'meta_key' => 'startdate',
        'meta_compare' => '>=',
        'meta_value' => $today,
        'orderby' => 'startdate',
        'order' => 'ASC'
    );
    $args2 = array(
        'post_type' => 'competitions',
        'posts_per_page' => 10,
        'meta_key' => 'startdate',
        'orderby' => 'startdate',
        'order' => 'ASC'
        );

    if ($_POST['order'] == 'order') {   
        $query = new WP_Query($args2);
    } else {
        $query = new WP_Query($args);
    }   

    if ($query->have_posts()) : while ($query->have_posts()) : $query->the_post(); ?>

The above solution does however not work, and I'm not able to work out what's going wrong. The page reloads, and the URL is showing the selected value /?order=order.

Ashok G · Accepted Answer · 2013-12-23 12:13:19Z

2

I think the issue lies with the form method, you are using $_POST in the code but by putting the specific form method = "post" you can get this working in $_POST method.

By default without method attribute it will take you to the get method while submitting the form.

edited Dec 23, 2013 at 12:13

answered Dec 23, 2013 at 9:57

Ashok G

1612 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Martin van Houte · Accepted Answer · 2013-12-23 09:51:45Z

1

Solved my own problem. Needed to use $_GET in stead of $_POST.

answered Dec 23, 2013 at 9:51

Martin van Houte

5776 silver badges24 bronze badges

3 Comments

David Gard Over a year ago

Thanks for posting you answer, that will hopefully help people in the future. For your information, if you wanted to use $_POST (which is usually more desirable as there is no ugly query string visible to users), you can change the line <form class="compo-filter"> to <form class="compo-filter" method="POST">.

Martin van Houte Over a year ago

Thanks, this solution is indeed better since I don't want the string to be publicly visible.

David Gard Over a year ago

Good news. Another fairly common technique is to POST your form to a handler (a non-visible page) that does the required work and then redirects the user to the relevant page. This is particularly useful if you are updating a post for example. The main reason for this is security, so if you are not doing any database writes or similar, it may not be applicable, but hopefully it'll be good to know for the future...

teo van kot · Accepted Answer · 2016-08-19 13:21:40Z

0

I think the issue lies with the form method, you are using $_POST in the code but by putting the specific form method = "post" you can get this working in $_POST method.

By default without method attribute it will take you to the get method while submitting the form.

Solved my own problem. Needed to use $_GET in stead of $_POST.

edited Aug 19, 2016 at 13:21

teo van kot

12.5k10 gold badges41 silver badges73 bronze badges

answered Dec 24, 2013 at 11:00

user3085874

1

Collectives™ on Stack Overflow

Filtering the output with checkboxes in WordPress

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related