2012-05-11 1 views
0

사용자에게 다른 옵션을 나열하는 드롭 다운 목록이 있습니다. 사용자가 선택한 텍스트 영역을 채우기 위해 목록이 필요합니다. 데이터가 이미 데이터베이스에 있으므로 드롭 다운 목록에서 사용자의 선택에 따라 쿼리를 실행할 수 있기를 원합니다. 서버 측 쿼리를 제어 할 수 onSelectChange 기능을 사용하는 방법이 있나요onSelectChange()와 쿼리를 결합하는 방법 - ColdFusion 9 - Ajax

<textarea name="procedureDescription" cols="80" rows="6">#the query output will go here#</textarea><br /> 

:

<select name="procedure" onChange=""> 
      <option value="">Select Procedure</option> 
      <cfloop query="procedures"> 
       <option value="#procedureId#">#procedureName#</option> 
      </cfloop> 
     </select> 

그리고 이것은 내 텍스트 영역입니다 :

이 내 선택 태그는 지금과 같은 모습입니다 아약스와?

더 많은 정보가 필요하시면 제 생각을 분명히 해주시기 바랍니다.

답변

1

예, 오해하지 않는 한, Ajax 요청을 사용하여이를 수행 할 수 있어야합니다.

function handleProcedureChange() 
{ 
    var selectedVal = $(this).val(); 
    var url; // TODO set procedure URL here, using selectedVal as needed 

    $.get(url, function(procedureResult) { 
     $("#procedureDescription").text(procedureResult); 
    }); 
} 

그런 다음 프로 시저를 실행하고 일반 텍스트로 결과를 반환하는 서버 측 방법을 설정해야 할 것 다음 onchange를 방법은 다음과 같이 될 것이다.

+0

그래서 프로 시저 설명을 가져 와서 텍스트 (내 설명)를 출력하는 쿼리가있는 구성 요소를 만들어야합니다. 그 구성 요소는'var url = "/ components/Procedures.cfc";'? – Geo

+1

네, URL에 쿼리 문자열 매개 변수를 추가해야 구성 요소가 실행할 프로 시저를 알 수 있습니다. – McGarnagle

+0

'var url = "/ cf_modules/components/customDescriptions.cfc"; \t \t url = url + "& ProcedureID ="+ procedureid;'내가 옳은 것 같은가요? – Geo