Search automatic without the Search Button

Yes, it’s already has been stated in the FAQ

this parameter is applied to AJAX SEARCH only and once you hide the button, it will automatically update the result when a change is made in the search form.

To hide the button, simply add ‘button=0’ to the shortcode. eg. [ULWPQSF id=3299 button=0]

Nice, Thanks only one thing is left:

I want to show all Posts at the beginning – how can i realise that?

I tried at the footer:
<script>
jQuery(function(){
jQuery(‘#uwpqsffrom_842 .usfbtn ‘).click();
});
</script>

But didn’t work.

Thanks,
Chris

Hi friiiick,

When the button is hidden jQuery(‘#uwpqsffrom_842 .usfbtn ‘).click(); wont work since there is no button to “click”.

Try this: ($(“[id^=uwpqsffrom_]”) uses a wild card selector to select all objects with classes starting with uwpqsffrom_, in other words this code will work even if you switch the form.)

jQuery(document).ready(function($) {
function loadAjax(){
var obj = $(“[id^=uwpqsffrom_]”);

process_data(obj);
return false;
}
window.onload = loadAjax;});

Is it possible to make this work with FancySelect?
https://code.octopuscreative.com/fancyselect/

Great plugin by the way!

@eaglejohn, theoretical it can. But I haven’t tried it yet.
You can try it by using the select field “id” attribute

$('#tdp-0').fancySelect(); //if it is taxonomy

Hi,
I’m having the same initial question.

I have two columns, on left side I have the filters (using your template code), and on the right hand side I run a simple query to show some posts initially.

Once I use the 'button'=>'0' I get, of course, the button hidden and form will auto submit only when changing a dropdown, but in my case where I have a mix of dropdown, checkboxes and radio buttons if you change a radio option for example the form doesn’t auto submit. I won’t submit either when changing checkbox options.

I have tried this just to see

$(document).ready(function() {
	$('#uwpqsffrom_98 input[type=checkbox]').change(
		function(){
		    $("#uwpqsffrom_98").submit();
		}
	)
});

But it doesn’t work either, I also saw that your inputs are type=”hidden” so I tried hidden as well with no luck.

Thanks in advance for any help and beautiful plugin, thanks for your effort @tc.K !

Best!

Sorry about my previous question. It turns out that it was an issue with iCheck jquery plugin. https://fronteed.com/iCheck/

I will dig deeper into this to see what might be causing the issue.

Thanks and sorry!