product type select

This product type jump menu leads to the advanced product search form that allows customers to search for products using a list of criteria created for the selected product type. For instance, the search fields and options will be very different for digital cameras than for clothing.

CODE

<cfinclude template="#include#/producttypeselect.cfm">

The <h4> title is set in the Resource Bundle as variable productTypeSelectTitle.

Optional Parameters:

• attributes.productTypeSelectClass - defaults to 'selectMenu' like other select forms (currency, etc.). This allows a single style to format all select menus if desired.
• attributes.productTypeSelectText -  defaults to resource bundle value productTypeSelectText.
• attributes.productTypeSelectSize - defaults to 1. The is the size (number of rows) of the select field. 

CSS

/* --- Product Type Select --- */
#productTypeSelect

.selectMenu

HTML

<form id="productTypeSelect" name="productTypeSelect" action="#" class="selectMenu" method="post">
 <h4>Product Types</h4>
 <select name="jumptoPID" id="jumptoPID" size="1"onchange="#">
  <option value="">select department</option>
  <option value="#">Type One</option>
 </select>
</form>