How can I enable auto submission on only one field?

Wallace Mureithi

#73286

I intend to separate search and sort. Search fields on the left then sort on the far top right position. I have already managed to achieve this visually but now the problem is that having someone go back to click on the submit button after choosing the sort criteria is very bad user experience. How can I enable auto-submit on the sort field only?

I tried having two forms one for search and one for only sorting, but the sort auto submission keeps resetting the search results.

Add New Note to this Reply

Trevor Moderator

#73292

This is not possible with the plugin as it is now. I could be suggested as a feature request though.

However, you could switch off auto submit and instead add some custom javascript to trigger the form’s submit with the onchange event for the sort order.

Add New Note to this Reply

Wallace Mureithi

#73348

Thanks Trevor, custom javascript worked. You guys may want to consider offering a way to separate the two (Search and Sort) in future. It will offer more flexibility in terms of design. A typical search page has search fields positioned to the left and sort on the top right.

Thanks again

Add New Note to this Reply

Wallace Mureithi

#73350

Posting the code here, it may help someone.

jQuery(function () {
  jQuery(".YOURSORTSELECT").on("change keyup", function () {
    jQuery("#YOURFORMID").submit();
  });
});

Add New Note to this Reply

Trevor Moderator

#73360

Great. Thanks for sharing.

Add New Note to this Reply

[Author]

Posts