我有一个运行正常的 jQuery 自动完成,除了它不正确地显示函数中返回的文本值。我的后端是 ColdFusion。
后端功能(在 CFC 中):
<cffunction name="companyNameList" access="remote" output="false" hint="I return a list of companies with IDs" returnformat="JSON">
<cfargument name="searchterm" required="false" default="" />
<cfset var returnArray = arrayNew(1) />
<cfquery name="companyNameList" datasource="#request.dsn#">
SELECT companyID, companyName
FROM tbl_companies
WHERE companyName LIKE <cfqueryparam cfsqltype="cf_sql_varchar" value="%#arguments.searchterm#%" />
</cfquery>
<cfloop query="companyNameList">
<cfset companyStruct = structNew() />
<cfset companyStruct['value'] = companyID />
<cfset companyStruct['label'] = companyName />
<cfset arrayAppend(returnArray,companyStruct) />
</cfloop>
<cfreturn returnArray />
</cffunction>
我的 jQuery javascript(它包含在 cfoutput 标签中,需要第二个哈希标记作为转义值):
$(function() {
$("##defaultcompanyname").autocomplete({
source: function(request, response){
$.ajax({
url: "secure/cfc/ajax.cfc?method=companyNameList",
dataType: "json",
data: {
searchterm: request.term
},
success: function(data){
response(data);
}
})
},
minLength: 3,
select: function(event, ui) {
$('##defaultcompanyid').val(ui.item.value);
$('##defaultcompanyname').val(ui.item.label);
}
});
});
以及相关的表单块:
<p class="ui-widget">
<label for="defaultcompanyname">Default Company Association</label>
<cfinput type="text" size="30em;" name="defaultcompanyname" id="defaultcompanyname" value="" />
<cfinput type="hidden" name="defaultcompanyid" id="defaultcompanyid" value="0" />
</p>
当我使用 'test' 中的类型作为我的测试值时,这是返回的 JSON:
[{"value":2,"label":"Test Company"},{"value":3,"label":"2nd Test Company"}]
该列表正在填充,但它填充了空字符串。如果我选择一个,隐藏的 defaultcompanyid 值会填充一个数字,但 defaultcompanyname 值会清空我的文本。我错过了什么?
编辑:根据部分解决原始问题的响应,使用新信息更新问题。