Creating drop down menus that change dependant upon previous menu

Question

I need to create a drop down menu and then have the next drop down change its content based on the selection in the previous menu
Would anybody have any code that I could play around with that would help me achieve this?
Thanks!!
Mark

Answer 1

Hi Mark,
This should get you close:
Create a .cfc call it product, as in save as product.cfc
You'll need to change the datasource name and the FROM clause below on both queries.
<cfcomponent output="false">
    <cffunction name="getProduct" access="remote" returnType="query">
        <cfset var data="" />
          <cfquery datasource="yourdb" name="data">
            SELECT product_uid,product_title
            FROM yourtable
        </cfquery>
        <cfreturn data>
    </cffunction>
    <cffunction name="getSubProduct" access="remote" returnType="query">
        <cfargument name="product_uid" type="numeric" required="true">
        <cfset var data="" />
        <cfquery datasource="yourdb" name="data">
            SELECT sub_uid,sub_title
            FROM yourtable
            WHERE sub_product_uid = #ARGUMENTS.product_uid#
        </cfquery>
        <cfreturn data>
    </cffunction>
</cfcomponent>
Imbed this in your your cfm page:
<cfselect
    name="Product"
    bind="cfc:product.getProduct()"
    style="width:387px;"
    size="1"
    multiple="No"
    required="No"
    display="product_title"
    value="product_uid"
    bindonLoad="True">
</cfselect>
<cfselect
    name="Sub Product"
    bind="cfc:product.getSubProduct({product_uid})"
    style="width:387px;"
    size="1"
    multiple="No"
    required="No"
    display="sub_title"
    value="sub_product_uid">
</cfselect>