Jquery 查找动态创建的自动完成表单输入的名称

我有一个动态创建自动完成表单字段的表单。我想做的是获取autocomplete字段的名称，并将其发送到数据请求中的coldfusion cfc。这是我正在尝试的代码，运气不好

$("[id^=applinput_]").each(function(){
            app_id = this.id.split("_");
            id = app_id[1];

            $("#applinput_"+ id).autocomplete({
                source: function(request, response) {
                    $.ajax({
                        url: "cfc/cfc_Appliance.cfc?method=getAppliance&returnformat=json",
                        dataType: "json",
                        data: {
                            nameApplianceSearchString: request.term,
                            nameApplianceTypeString: $(this).attr("name"), 
                            maxRows: 25,
                            style: "full",
                        },

                        success: function(data) {
                            response(data);
                        }
                    })
                },
                select: function(event, ui) {
                        //separate id and checkbox
                        app_selid = this.id.split("_");
                        //separate id 
                        applid = app_selid[1];  
                $(this).val(ui.item.label);
                $('#typeinput_' + applid).val(ui.item.type);
                $('#hidden_typeinput_' + applid).val(ui.item.typeID);
                return false;
                },
            })
        })
        .data( "autocomplete" )._renderItem = function( ul, item ) 
            {
                return $( "<li></li>" )
                .data( "item.autocomplete", item )
                .append('<a onmouseover=$("#span' + item.value + '").show(); onmouseout=$("#span' + item.value + '").hide();><span style="float:left;" >' + item.label + '</span><span  id="span' + item.value + '" style="float: right;height:inherit; font-size: 13px; font-weight: bold; padding-top: 0.3em; padding-right: 0.4em; padding-bottom: 0.3em; padding-left: 0.4em; display: none; cursor:pointer; " onclick=javascript:event.stopPropagation();showprofile("' + item.value + '");><!---view profile---></span><div style="clear:both; height:auto;"></div></a>')
                .appendTo( ul );
            };      
        } catch(exception){}
        });

$（“[id^=applinput\uz]”）。每个（函数（）{
app_id=this.id.split（“”）；
id=app_id[1]；
$（“#applinput”+id）。自动完成({
来源：功能（请求、响应）{
$.ajax({
url:“cfc/cfc_Appliance.cfc？method=getAppliance&returnformat=json”，
数据类型：“json”，
数据：{
nameApplianceSearchString:request.term，
nameApplianceTypeString:$（this）.attr（“名称”），
maxRows:25，
样式：“完整”，
},
成功：功能（数据）{
答复（数据）；
}
})
},
选择：功能（事件、用户界面）{
//分开id和复选框
app_selid=this.id.split（“”）；
//独立id
applid=app_selid[1]；
$（this.val（ui.item.label）；
$（'#typeinput'+applid）.val（ui.item.type）；
$（'#hidden_typeinput'+applid）.val（ui.item.typeID）；
返回false；
},
})
})
.数据（“自动完成”）。\u renderItem=功能（ul，项目）
{
返回$（“
”）
.data（“item.autocomplete”，item）
.append（“”+item.label+“”）
.附录（ul）；
};      
}捕获（异常）{}
});

当请求向cfc发出时，它不使用nameApplianceTypeString

替换此块：

data: {
       nameApplianceSearchString: request.term,
       nameApplianceTypeString: $(this).attr("name"), 
       maxRows: 25,
       style: "full",
        },

为此：

data: {
       nameApplianceSearchString: request.term,
       nameApplianceTypeString: $(this.element).attr("name"), 
       maxRows: 25,
       style: "full"
       },

这是一把小提琴：

---

注意，我必须稍微修改它，以获得在JSFIDLE中工作的ajax调用。请参阅JSFIDLE文档以了解有关在FIDLE中发出ajax请求的说明：

也许您实际上想要：

$（this.attr（“id”）

？否。。。我实际上需要相同输入表单字段的name属性的值。名字是动态的。工作起来很有魅力！！谢谢你，jk。