Как бы вы выполнили запрос к базе данных на основе значения из элемента выбора формы?

В своем предыдущем комментарии я упомянул, что самый простой способ сделать это в ColdFusion — привязать элементы формы к методам cfc. Поиск в Google по запросу «cfinput bind» приведет к множеству примеров, но, поскольку меня попросили дать ответ, я покажу пример, который когда-то написал. Это не совсем то, чего хочет ОП, но это показывает общую идею. Он заполнит одно текстовое поле на основе значения другого.

Обратите внимание, что файлы cfc и cfm должны находиться в одном и том же каталоге.

.cfm-файл

<!--- 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>

.cfc-файл

<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>

В документах Adobe ColdFusion для <cfajaxproxy>, которые демонстрируют необходимые приемы. Это не делает точно то, что вы хотите, но это вопрос изменения разметки с простого текста на флажки в соответствии с вашими требованиями. здесь слишком много кода, чтобы воспроизводить его, но ключ в том, что вы используете <cfajaxproxy> для настройки прокси-сервера между JS на стороне клиента и CFC на стороне сервера, чтобы позволить JS получать данные с сервера.

Использование <cfajaxproxy> устраняет необходимость развертывания собственной обработки JS AJAX или использования для этого JQuery (и т. д.). Тем не менее, сделать это вручную не так уж сложно... было бы достаточно легко использовать методы, продемонстрированные в этом документе, чтобы полностью отделить CF от внешнего кода (есть хороший аргумент в пользу того, чтобы не использовать CF для выполнения клиентских операций). -сторонние вещи)... все это просто сводится к тому, чтобы обработчики событий прослушивали соответствующие события, а затем выполняли какой-то способ AJAX-вызова на сервер для получения данных, а затем помещали его в <div> или что-то в этом роде. В этом случае CF полагается только на проксирование: вам все равно придется делать все остальное самостоятельно.

Хорошо, вот что я сделал, что, кажется, работает для меня до сих пор. Но я собираюсь просмотреть добрые ответы Адама и Дэна.

Я создал форму на своей странице Vehicle.cfm со всеми элементами формы, кроме флажков.

Я создал новый шаблон CFM с именем VehicleOptions.cfm, который принимает параметр, выполняет SQL-запрос, а затем выводит фактический HTML для создания флажков.

Затем я перешел в область в моей форме на странице Vehicle.cfm, где я хотел, чтобы мои флажки отображались, и набрал это: <cfdiv bind="url:cfincludes/vehicleOptions.cfm?VehicleModel={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
});​

Вот рабочий пример: http://jsfiddle.net/Yxmjk/. Он не демонстрирует вызов AJAX, но демонстрирует, как можно получить данные, которые вы включаете в свой вызов AJAX.