Изменить вид отображения на список!
 

Это код блока, отображается в виде чекбокса, при выборе одного из значений которое передается через $job_type срабатывает js и происходит поиск. Мне необходимо заменить вид отображения с чекбокса на выпадающий список, чтобы при выборе варианта из списка также срабатывал js.

<?php 
											global $redux_demo; 
											for ($i = 0; $i < count($redux_demo['job-type']); $i++) {
										?>
											
										<li class="filters-list-one <?php if($job_type == $redux_demo['job-type'][$i] ) { ?>active<?php } ?>">
											<i id="job-type[<?php echo $i; ?>]" class="fa fa-square-o"></i><i class="fa fa-check-square"></i><?php echo $redux_demo['job-type'][$i]; ?>
											<input type="hidden" class="job_presence_type_option_value" name="job_presence_type_value[<?php echo $i; ?>]" value="<?php echo $redux_demo['job-type'][$i]; ?>" />
											<input type="hidden" class="job_presence_type_option" name="job_presence_type[<?php echo $i; ?>]" value="<?php if($job_type == $redux_demo['job-type'][$i] ) { echo $redux_demo['job-type'][$i]; } ?>" />
										</li>

										<?php 
											}
										?>

Вот кусок кода Js, который отвечает за срабатывание поиска после выбора варианта.

jQuery(document).on("click","ul.filters-lists li.filters-list-one",function(e){

                                jQuery('#companies_current_page').val('1');
                                 if (jQuery(this).hasClass('active')) {

                                    jQuery(this).removeClass('active');
                                    jQuery(this).find('.job_presence_type_option').val('');

                                    $.fn.wpjobusSubmitFormFunction();
                                    $.fn.wpjobusSubmitFormMapFunction();

                                    e.preventDefault();
                                    return false;

                                } else {

                                       jQuery(this).addClass('active');
                                       var id = jQuery(this).find('.job_presence_type_option_value').val();
                                       jQuery(this).find('.job_presence_type_option').val(id);
                                       jQuery(this).parent().find('.filters-list-all').removeClass('active');
                                       jQuery(this).parent().find('.filters-list-all .job_presence_type_option').val('');

                                       $.fn.wpjobusSubmitFormFunction();
                                       $.fn.wpjobusSubmitFormMapFunction();

                                       e.preventDefault();
                                    return false;

                               }

                            });

                            jQuery(document).on("click","ul.filters-lists li.filters-list-all",function(e){

                                 if (jQuery(this).hasClass('active')) {
                                    jQuery(this).removeClass('active');
                                    jQuery(this).find('.job_presence_type_option').val('');
                                } else {

                                    jQuery('#companies_current_page').val('1');

                                       jQuery(this).addClass('active');
                                       jQuery(this).find('.job_presence_type_option').val('1');
                                       jQuery(this).parent().find('.filters-list-one').removeClass('active');
                                       jQuery(this).parent().find('.filters-list-one .job_presence_type_option').val('');

                                       $.fn.wpjobusSubmitFormFunction();
                                       $.fn.wpjobusSubmitFormMapFunction();

                                       e.preventDefault();
                                    return false;

                                }
                            });

Буду рад любой помощи!

Натуеверчено, когда можно было костомизировать обычный checkbox...
Это что функция, почему global $redux_demo;?

Заменить на список конечно можно, вот только что? В каждой итерации формируется два скрытых поля, каждое со своим именем и значением, и что в списке должен отождествлять каждый из каждой пары, что за тех в опциях быть должен?

А что именно должно происходить? В данном коде большая его часть, это похоже "рисовать флажок" или что-от связанное с выбором. Что-то связанное с отправкой формы есть, правда e.preventDefault(); и return false; не понятно для чего... Тайна покрытая мраком.