我正在使用ColdFusion作为我的应用程序服务器，SQL Server作为数据库。 我有一个选择表单元素，其中列出了许多车辆：Volvo S60，BMW M6，VW Jetta。
根据用户选择的车辆，我需要让网页执行数据库查询以找出他们选择的“类型”，例如SUV、Coupe或Convertible等。 根据从数据库返回的“类型”，数据库将根据车辆下拉列表的值返回适合该车辆类型的选项列表。我的数据库表格可以根据车辆下拉列表的值来实现这一点，所以一切都很好。
现在，我想要将该车辆“类型”的可用选项列为一组复选框。 这样做应该很简单，只需循环遍历数据库结果集并为每一行生成一个复选框即可。
我希望在不刷新页面的情况下完成此操作。如何动态获取下拉菜单的值，将此值传递给数据库，获取结果然后显示相应的复选框？
<!--- When you type a clinic code here: ---->
<div id="clinicCodeInput" class="hidden">
Clinic Code <input name="clinicCode" type="text" />
</div>
<!---- A query result will appear here ---->
<div id="clinicNameFromPatientSatisfaction" class="hidden">
Patient Satisfaction Name <cfinput type="text"
name="NameOfClinic"
bind="cfc:PatientSatisfactionClinics.GetClinicName({clinicCode})"
bindonload="no">
</div>
<cffunction name="GetClinicName" access="remote" returntype="string">
<cfargument name="clinicCode" type="string" required="yes">
<cfscript>
var clinicName = QueryNew("a");
var returnString = "No Record for Clinic Code " & arguments.clinicCode & ".";
var clinicCodeAsInt = 0;
if (isNumeric(arguments.clinicCode)
and round(arguments.clinicCode) is arguments.clinicCode)
clinicCodeAsInt = arguments.clinicCode;
</cfscript>
<cfif clinicCodeAsInt gt 0>
<cfquery name="clinicName" datasource="dw">
select name
from patient_satisfaction_clinic
where clinic_code =
<cfqueryparam cfsqltype="cf_sql_integer" value="#clinicCodeAsInt#">
</cfquery>
<cfif clinicName.recordcount gt 0>
<cfset returnString = clinicName.name[1]>
</cfif>
</cfif> <!--- clinicCodeAsInt gt 0 --->
<cfreturn returnString>
</cffunction>
好的，这是我目前使用的方法，似乎对我有效。但我将查看Adam和Dan的友好回答。
我在我的Vehicle.cfm页面上创建了一个表单，其中包含所有表单元素，除了复选框。
我创建了一个名为vehicleOptions.cfm的新CFM模板，该模板接受参数，运行SQL查询，然后输出实际的HTML以创建复选框。
然后，我转到我在Vehicle.cfm页面上想要出现复选框的区域，并键入以下内容：
<cfdiv bind="url:cfincludes/vehicleOptions.cfm?VehicleModel={Model}" />
'Model'是我的表单上的ID元素，它保存用户选择的车辆的值。因此，每当用户更改下拉列表中的Model时，该区域都会更新为不同的复选框。这真的很棒，我甚至不需要编写一行Javascript代码！
这个解决方案适合我所需，但我猜这不是ColdFusion AJAX最优雅的用法？正如我所说，我将审查答案并尝试找出更好的解决方案。感谢所有帮助过我的CF开发人员！
这很简单。每个选项都应该编码其值，例如：
<select>
<option class="car" name="car" value="volvo">Volvo</option>
<option class="car" name="car" value="honda">Honda</option>
<option class="car" name="car" value="ford">Ford</option>
</select>
然后，您使用jQuery。
$('#go').on('click', function() {
var car = $('.car:selected').val();
// make ajax call here
});