Thread

In EE document, there is an example of “Category Dropdown Menu”.

<form name="catmenu" action="">
<select name="selcat">
<option value="">--Select Category--</option>
{exp:channel:categories channel="yourchannel" style="linear"}
<option value="{path='channel'}">{category_name}</option>
{/exp:channel:categories}
</select>
</form>

When I used this in EE 2 book, it produced the following code.

<form name="catmenu" action="">
<select name="selcat">
<option value="">--Select Category--</option>
<option value="http://localhost/ee/index.php/channel/category/news">News</option>
<option value="http://localhost/ee/index.php/channel/category/world">World</option>
...
...

I need the link to be like this.

http://localhost/ee/index.php/news_articles/page/category/world

rather than

http://localhost/ee/index.php/channel/category/world.

Q1. What do I need to change in the original code?

Q2. What is this line in the original code doing?

onchange=“location=document.catmenu.selcat.options[document.catmenu.selcat.selectedIndex].value

Hi shinokada,

You can always build the links manually without using the path variable if you have a specific requirement. The Javascript is going to immediately go to whatever URL is selected in the dropdown. You can safely remove that if you wish.

Cheers

Greg

Hi shinokada,

You can always build the links manually without using the path variable if you have a specific requirement. The Javascript is going to immediately go to whatever URL is selected in the dropdown. You can safely remove that if you wish.

Cheers

Greg

How would I modify the original code to execute the search when a user clicks a submit button rather than automatically going to the URL when the dropdown menu is changed?

You probably need to replace the onchange() command with onsubmit(). Moving to the CodShare Corner.

Thanks for moving the post, but changing to “onsubmit” did not do what I had hoped.

You probably need to replace the onchange() command with onsubmit(). Moving to the CodShare Corner.