ajax - 如何将 onSelectChange() 与查询结合使用 - ColdFusion 9 - Ajax

Question

我有一个下拉列表，列出了用户的不同选项。我需要该列表根据用户选择来填充文本区域。我的数据库中已经有数据，我希望能够根据用户从下拉列表中的选择运行查询。

这就是我的选择标签现在的样子：

<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 的服务器端查询？

我希望我的想法很清楚，如果您需要更多信息，请询问。

Answer 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);
    });
}

然后，您需要设置服务器端方法来运行该过程并将结果作为纯文本返回。