Question

I have a Select list on my page, and based on which item is selected (each item is a part number), the text on the page that describes the part’s dimensions should change. Each part’s dimensions (Diameter, Height) are in a db. I’m calling the query using cfquery.

The values in the Select list are the part numbers in my query. I guess what I’m having trouble with is getting the info I need from the query without reloading the page.

I’m looking for a way to say “I clicked ‘Option 2’. Get the Diameter and Height for ‘Option 2’ from my query, and put those dimensions in my P tag.”

I think JQuery could update the text just fine once I have the new dimensions, but I’m not sure how to get the dimensions I need without reloading. Thanks for your help!

Answer 1

Ok, I got this figured out. I’m using:

$('#foo').change(function () {
    $.get('getInfo.cfm', function (data) { $('#output').text(data) });
});

And in my CFM I have my return data in cfoutput brackets. Works like a charm! Thanks for your help and suggestions, everyone!