2014-03-19 67 views
0

我想創建一個下拉列表框,在列表的末尾有一個選項「Enter New Housing」,如果選中,會出現一個消息框,然後它會自動保存在數據庫中並刷新對象。如何使用coldfusion在下拉列表框中添加和保存條目

我是個初學者,這是香港專業教育學院開始:

<cfquery name="housingsel" datasource=" " dbtype=" "> 
    select rtrim(housing_name) as housing, housingid as housingid from housing order by housing 
</cfquery> 

<!---<cfquery name="housingins" datasource=" " dbtype=" "> 
    insert into housing (housingid,housing_name) values (1,'Tierra Pura Housing') 
</cfquery>---> 

<body> 
<div class="container"> 
    <div class="content"> 
    <h1>Housing</h1> 
    <table width="300" bgcolor="#FFFFFF" cellpadding="2" cellspacing="0" border="0"> 
    <cfform action="de_housing.cfm" method="POST"> 
    <tr><td height="20" class="lbl" align="right">Housing</td><td> 
      <select name="housingcat"> 
       <CFOUTPUT QUERY="housingsel"> 
        <OPTION VALUE="#housingid#">#housing#</OPTION> 
       </CFOUTPUT> 
       <option value="new">Enter New Housing</option> 
       </select> 
      </td></tr> 
      <tr><td height="20" class="lbl"></td><td align="left"> 
      </td></tr> 
    </cfform> 
    </table> 

請幫幫忙!

謝謝!

回答

2

首先,避免不惜一切代價。它不會幫助你。請參閱https://github.com/cfjedimaster/ColdFusion-UI-the-Right-Way瞭解爲什麼和如何以正確的方式進行操作的示例。

這就是說,你想要做什麼並不困難。讓我們分解它。

>「我還想作一個下拉列表框,在列表的末尾,一個選擇‘輸入新的住房’,如果選擇了」
使用jQuery,您將添加一個變化處理程序你的下拉列表。在該更改處理程序中,可以獲取下拉列表的選定索引。如果該索引等於選項的長度,則用戶選擇最後一個。

>「將會有一個消息框」
您在這裏有幾個選擇。一個簡單但不是很漂亮的方法是使用內置確認選項。它有一個簡單的模式框API,用戶可以輸入。有很多選項,比如jQuery UI對話框,但確認選項是super簡單。我建議從那裏開始。

>「自動保存在數據庫上」
所以,你會當用戶輸入一個值到確認知道。接下來,使用jQuery爲您的代碼執行XHR(Ajax)命中。您將需要編寫CF代碼來響應此請求並將其插入到數據庫中。不太難,它已在其他地方顯示許多地方。我還會添加邏輯來檢查模糊。

>「刷新對象」
當你在jQuery的一個XHR,你知道,當服務器完成這樣的廢話,所以在響應處理程序,您可以添加新的選項,下拉。這也已經做過很多次了,只是谷歌增加了一個下拉選項。 (你可能最終會回到這裏。)

相關問題