javascript-使用Ajax使用下拉选择填充Coldfusion填充表单

因此,我有一个使用ColdFusion的项目,并且该项目的表单带有下拉菜单.

See example: http://jsfiddle.net/mwoods98/KXmNK/

选择下拉列表后,我需要做的是针对ajax调用来调用ColdFusion cfc,该cfc返回信息以填写下拉列表下的表单.

以上面的小提琴为例,如果用户选择“ 2”,则名称字段将具有Bob,Fake Street 202和111-555-1234.如果他们选择“ 3”,他们将从CFC(数据库)返回任何其他内容.

CFC仅具有一个方法调用,该方法调用将基于通过下拉列表提交的数字值来获取信息.

任何帮助,将不胜感激.

谢谢

解决方法:

如果使用的是jQuery,则可以使用jquery内置的ajax函数来调用CFC,并返回结果并填充字段.顺便说一句,如果您想这样做,将ID放在字段上将非常有帮助.

$.ajax({
    type: 'get',
    url: 'pathToMy.cfc',
    data: {method:'getNameAddressAndNumberFromID'
        , myID : valueOfItemSelectedindropDown
        },
    dataType: 'json',
    async: false,
    success: function(result){
         $('#myNameInput').val(result.NAME);
         $('#myNameInput').val(result.ADDRESS);
         $('#myNameInput').val(result.NUMBER);
        }
    }); 

假设您有一个名为“ pathToMy.cfc”的CFC,其方法为“ getNameAddressAndNumberFromID”,并且在诸如“名称”的输入上有一个ID：

<input name="name" id="myNameInput" type="Text">

方法的结果可以返回查询的名称,地址和编号.以JSON格式返回此信息将非常有帮助.

这应该使您走上正轨,祝您好运.