2012-05-11 14 views
0

我有一個下拉列表,列出不同的選項給用戶。我需要根據用戶選擇的內容填充文本區域。我的數據庫中已有數據,我希望能夠從下拉列表中根據用戶的選擇運行查詢。如何結合onSelectChange()和查詢 - ColdFusion 9 - Ajax

這是我選擇的標籤看起來像現在:

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

這是我的文本區域:

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

有沒有辦法使用onSelectChange功能來控制服務器端查詢方式與Ajax?

我希望我的想法很清楚,如果您需要更多信息,請詢問。

回答

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); 
    }); 
} 

然後,你需要設置服務器端方法來運行程序,並返回結果爲純文本。

+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