我有一个下拉列表,列出了用户的不同选项。我需要列表根据用户选择的内容填充文本区域。我已将数据存储在我的数据库中,并希望能够根据用户从下拉列表中选择的内容运行查询。
这就是我的选择标签现在的样子:
<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的服务器端查询?
我希望我的想法很清楚,如果您需要更多信息,请询问。
答案 0 :(得分:1)
是的,除非我误解,否则您应该能够使用Ajax请求执行此操作。 onchange 方法应如下所示:
function handleProcedureChange()
{
var selectedVal = $(this).val();
var url; // TODO set procedure URL here, using selectedVal as needed
$.get(url, function(procedureResult) {
$("#procedureDescription").text(procedureResult);
});
}
然后,您需要设置服务器端方法来运行该过程并将结果作为纯文本返回。