How can I bind a query to <cfselect without using XML?

Hello,

I have a <cfselect tag that is populated by a query.  Right now it has a list of states that I maintain in a database table.

What I would like to do is bind another <cfselect tag to display cities based on the state selection... I have seen many examples using XML (for example, in Adobe's docs.) but I would like to avoid this because I do not want to maintain an XML file for form data and another table for other application processes......

Please let me know if this is possible.

Thank you very much in advance!!!!!!!
stracqanAsked:
Who is Participating?
 
Bhavesh ShahConnect With a Mentor Lead AnalysistCommented:

Hi,

Right now I'm giving you ready made example of ajax code.
please look at it and feel free if you have any doubt regarding that.

http://www.fusionauthority.com/techniques/4593-using-ajax-with-coldfusion-part-i.htm
0
 
Bhavesh ShahLead AnalysistCommented:
hi.....

you can do so by AJAX/JAVASCRIPT...........
if u want,i will give you more info on.........
0
 
mugsincCommented:
Use jquery. There are loads of examples if you google it.
0
[Webinar] Kill tickets & tabs using PowerShell

Are you tired of cycling through the same browser tabs everyday to close the same repetitive tickets? In this webinar JumpCloud will show how you can leverage RESTful APIs to build your own PowerShell modules to kill tickets & tabs using the PowerShell command Invoke-RestMethod.

 
ZvonkoSystems architectCommented:
Here an example:
<cfset states=QueryNew("") >
<cfset QueryAddColumn(states,"country",ListToArray("Canada,Canada,Canada,Canada,Canada,Canada,Mexico,Mexico,Mexico,Mexico,Mexico,Mexico,Unites Sates,Unites Sates,Unites Sates,Unites Sates,Unites Sates,Unites Sates")) >
<cfset QueryAddColumn(states,"state",ListToArray("Alberta,Alberta,British Columbia,British Columbia,Ontario,Ontario,Baja California,Baja California,Chihuahua,Chihuahua,Jalisco,Jalisco,California,California,Florida,Florida,New York,New York")) >
<cfset QueryAddColumn(states,"city",ListToArray("Edmonton,Calgary,Victoria,Vancouver,Toronto,Hamilton,Tijauna,Mexicali,Ciudad Juárez,Chihuahua,Guadalajara,Chapala,Los Angeles,San Francisco,Miami,Orlando,Buffalo,new York")) >

<cfquery name="qryCountry" dbtype="query" >
  SELECT DISTINCT country FROM states
         ORDER BY country
</cfquery>

<cfform name="myform" preservedata >

<cfselect name="selCountry" query="qryCountry" value="country" queryPosition="below" onChange="this.form.submit()" >
 <option value="">select State</option>
</cfselect>

<cfif isDefined("FORM.selCountry") AND FORM.selCountry GT "" >
  <cfquery name="qryState" dbtype="query" >
    SELECT DISTINCT state FROM states
           WHERE country='#FORM.selCountry#'
           ORDER BY state
  </cfquery>
  <cfselect name="selState" query="qryState" value="state" queryPosition="below" onChange="this.form.submit()">
    <option value="">select State</option>
  </cfselect>
</cfif>

<cfif isDefined("FORM.selState") AND FORM.selState GT "" >
  <cfquery name="qryCity" dbtype="query" >
    SELECT city FROM states
           WHERE state='#FORM.selState#'
           ORDER BY city
  </cfquery>
  <cfselect name="selCity" query="qryCity" value="city" >
  </cfselect>
  <cfinput type="submit" name="formSubmit" value="Select" >
</cfif>

</cfform>

Open in new window

0
 
stracqanAuthor Commented:
Hello,

Thank you for your responces.  @Zvonko thank you for your post, but I would like to have the second select box populated without submitting the form data.

@mugsinc and @Brichsoft thank you for your responces as well.  Could you point me to an example using javascript or jquery?

Thanks again!!!!!!!!!!!!
0
 
stracqanAuthor Commented:
Thanks!
0
All Courses

From novice to tech pro — start learning today.