Hello,
\nI’m trying to add a tags dropdown to the search which allows user to search by post_tags. I have added my own custom template, added the dropdown, added the wpsl-custom-dropdown class to the select tag. When i submit the search form there is no value for my dropdown appearing in the network tab of chrome dev tools. Here is the relevant code:<\/p>\n
functions.php:
\nfunction custom_map_tag_menu() {
\n $tags_array = get_tags( $args );
\n \/\/ var_dump($tags_array);die;
\n $html = ”;
\n $html .= ‘<div id=”wpsl-tags”>’;
\n $html .= ‘<label for=”wpsl-tags-list”>Tags filter<\/label>’;
\n $html .= ‘<div class=”wpsl-dropdown”>’;
\n $html .= ‘<select name=”wpsl-tags” id=”wpsl-tags-list” class=”wpsl-custom-dropdown” style=”display: none;”>’;
\n $html .= ‘<option value=”0″>Any<\/option>’;
\n if(!empty($tags_array)){
\n foreach ($tags_array as $tag) {
\n $html .= ‘<option value=”‘.$tag->term_id.'”>’.$tag->name.'<\/option>’;
\n }
\n }<\/p>\n
$html .= ‘<\/select>’;
\n $html .= ‘<\/div>’;
\n $html .= ‘<\/div>’;<\/p>\n
return $html;
\n}<\/p>\n
custom.php:
\n$output .= custom_map_tag_menu();<\/p>\n
HTML in chrome inspect window:
\n<div id=”wpsl-tags”>
\n<label for=”wpsl-tags-list”>Tags filter<\/label>
\n<div class=”wpsl-dropdown”>
\n<div class=”” style=”display: none; height: 0px;”>
\n<select name=”wpsl-tags” id=”wpsl-tags-list” class=”wpsl-custom-dropdown” style=”display: none;”>
\n<option value=”0″>Any<\/option>
\n<option value=”4″>Nymphs<\/option>
\n<option value=”3″>Pixies<\/option>
\n<\/select>
\n<\/div>
\n<span data-value=”4″ class=”wpsl-selected-item”>Nymphs<\/span>
\n<div style=”height: 0px;”><\/p>\n
<li data-value=”4″ class=”wpsl-selected-dropdown”>Nymphs<\/li>\n
<li data-value=”3″>Pixies<\/li>\n<\/ul>\n
<\/div>
\n<\/div>
\n<\/div><\/p>\n
Values in ajax call as viewed in chrome network tab:
\naction: store_search
\nlat: 53.4874254
\nlng: -2.249531700000034
\nmax_results: 25
\nsearch_radius: 50
\nfilter: 13<\/p>\n
‘filter’ refers to the default category dropdown.<\/p>\n
Any ideas?<\/p>\n
Many Thanks<\/p>\n","protected":false},"template":"","class_list":["post-12194209","topic","type-topic","status-publish","hentry","topic-tag-ajax","topic-tag-custom","topic-tag-dropdown"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/12194209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/12194209\/revisions"}],"predecessor-version":[{"id":12194214,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/12194209\/revisions\/12194214"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=12194209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}