如何使用coldfusion在下拉列表框中添加和保存条目_Coldfusion

如何使用coldfusion在下拉列表框中添加和保存条目

coldfusion

如何使用coldfusion在下拉列表框中添加和保存条目,coldfusion,Coldfusion,我想制作一个下拉列表框，在列表的末尾，有一个选项“输入新住房”，如果选中，将有一个消息框，它将自动保存在数据库中并刷新对象我是一个初学者，这就是我的起点： <cfquery name="housingsel" datasource=" " dbtype=" "> select rtrim(housing_name) as housing, housingid as housingid from housing order by housing </cfquery>

我想制作一个下拉列表框，在列表的末尾，有一个选项“输入新住房”，如果选中，将有一个消息框，它将自动保存在数据库中并刷新对象

我是一个初学者，这就是我的起点：

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

请帮忙

谢谢

首先，不惜一切代价避免cfform。这对你没有帮助。查看原因和如何以正确方式做事的示例

话虽如此，你想做的并不难。让我们把它分解一下

>我想制作一个下拉列表框，在列表的末尾，有一个选项“输入新住房”，如果选中该选项使用jQuery，您可以将更改处理程序添加到下拉列表中。在该更改处理程序中，您可以获得下拉列表的选定索引。如果该索引等于选项的长度，则用户已选择最后一个

>将有一个消息框你有几个选择。一种简单但不美观的方法是使用内置的confirm选项。它有一个简单的模式框API，用户可以输入。有很多不错的选项，比如jQueryUI对话框，但是确认选项非常简单。我建议从那里开始

>自动保存到数据库中因此，您将知道用户何时在确认中输入值。考虑到这一点，使用jQuery对代码进行XHR-Ajax操作。您需要编写CF代码来响应此请求并将其插入数据库。不太难，它已经在其他地方展示过了。我还将添加逻辑以检查重复

>刷新对象在jQuery中执行XHR时，您知道服务器何时完成垃圾处理，因此在响应处理程序中，您可以向下拉列表中添加一个新选项。这一点以前也做过很多次，只是谷歌在下拉列表中添加了一个选项。你可能会回到这里