Question

Let’s say I’ve got a drop down like this:

<div class="selector">
    <select name="perPage">
        <option value="5">5</option>
        <option value="10">10</option>
        <option value="15">15</option>
        <option value="25">25</option>
    </select>
</div>

I’m know PHP and Javascript (jQuery) so a solution in either would be just fine. But I’ve got a submit button underneath it, and instead of that, I was wondering if there’s a way to click the drop down, pick your value, then have it send that automatically with OUT having to hit a submit?

Answer 1

You could use the ‘onchange’ element of the select:

<select name="dropdown" id="dropdown" onchange="this.form.submit()">

This only uses javascript without the need of loading the whole JQuery library – unless you use JQuery for other functions on the site.