[SOLVED] How to directly link to a specific category from a select form on another page?

[Boost]

Hey,

I have a single-page template featuring a straightforward HTML form with a select element, as shown below:

<form id="case-study_cat" action="/case-studies/" method="POST">
	<div class="uk-margin-bottom">
    	<select id="selected" class="uk-select" aria-label="Select" name="selected">
    		<option value="all" selected="">All</option>
          	<option value="financial-services">Financial Services</option>
        	<option value="insurance">Insurance</option>
          	<option value="telecom">Telecom</option>
          	<option value="e-commerce">E-commerce</option>
          	<option value="partner">Partner</option>
          	<option value="security">Security</option>
          	<option value="public-sector">Public Sector</option>
          	<option value="energy">Energy</option>
          	<option value="aviation">Aviation</option>
          	<option value="events">Events</option>
      	</select>
    </div>
</form>

Upon selecting an option, the template dynamically generates a list of posts based on the chosen category.

Now, on another page—let's say the homepage—I'd like to include a button that links directly to a category from that select form. This way, when users land on that page, they immediately see the list of posts within the chosen category. Does this plan make sense? Is there a method to accomplish this?

Cheers!

 

[Robin S]

Change the form method to "GET" and on the home page create links to URLs like "/case-studies/?selected=telecom"

[Boost]

Thanks!