我在想象这里需要的解决方案时遇到问题。我正在处理的网站上有一个选择菜单，客户端希望能够选择一个名为“创建新源”的选项，然后会弹出一个 JS 窗口，其中包含一个空白字段，供用户选择输入新的原点。
提交此表单后，数据库将被更新，选择菜单现在将包含此项目，而无需完全刷新页面。
数据库方面已全部设置完毕并准备就绪，Coldfusion 的 99% 也是如此。
这是相关表单字段的片段：
<p class="_30NP" align="right">
<label>Origin </label>
</p>
<p class="_20NP">
<cfselect
name="Origin"
id="Origin"
query="Origin"
display="description"
value="code"
required="yes">
<option value="new">New Origin</option>
</cfselect>
</p>
这是 CFQUERY：
<CFQUERY DBTYPE="Query" NAME="Origin">
SELECT Code, [Description]
FROM ZCODES WHERE CODE = 0
UNION ALL
SELECT Code, [Description]
FROM ZCODES
WHERE FieldName = 'Origin'
ORDER BY 1
</CFQUERY>
这是一个非常简单的问题，可能也有一个非常简单的答案，我只是很少接触 AJAX。
如何提交表单（弹出窗口）并刷新选择列表而不完全刷新页面？
我会使用像这样的javascript库jQuery来处理你的ajax。
单击按钮后使用$.get(), $.post(), or $.ajax()与服务器通信。每个人都会提供回应。响应类型由您决定。您可以返回 JSON 并解析它，也可以直接返回 HTML。我可能会简单地返回 html，这样既快速又简单。
<cfoutput query = "...">
<option value = "...">...</option>
</cfoutput>
获得结果后，使用$.html()更新select's选项。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
