Question

我正在尝试将自动完成功能绑定到我在按钮单击时动态创建的输入，我似乎无法使其工作。单击其中一个带有addincidentwitness类的按钮时，该字段会创建，但输入文本字段不会执行查找。下面是代码。首先是按钮。

<input type="button" class="addincidentwitness" value="Add MCH Person"/>

这是绑定到上面按钮的jquery代码。如您所见，我正在创建输入文本字段，下面是该输入字段的自动完成功能。

$(function(){
$(".addincidentwitness").click(function(){
    if($(this).val()=="Add MCH Person"){
        $("#addwitnessdiv").empty();
        $("#addwitnessdiv").append(
            $('<label>').prop({for:"addmchwitness"}).text("MCH Person to Add") 
        ).append(
            $('<input>').prop({type:"text",name:"addmchwitness",id:"addmchwitness"})
        )
        $(function(){
            $("#addmchwitness").autocomplete({
                source:"../json/getanymchpersonjson.php",
                select:function(e,u){
                    if($("#"+u.item.Mchnum).length>0){
                        alert("You already have this employee as a witness.")
                    }else{
                        $("#witnessesdiv").append(
                            $('<div>').prop({id:u.item.Mchnum}).append(
                                $('<label>').text("MCH Person")      
                            ).append(
                                $('<input>').prop({type:"hidden",name:"witnessmchnums[]",value:u.item.Mchnum})    
                            ).append(
                                $('<input>').prop({type:"text",value:u.item.label,readonly:true})  
                            )
                        )
                    }
                    $("#addwitnessdiv").empty();
                },
                minLength:3
            })

        })
    }

})
})

我如何将它绑定到字段上肯定有问题，但是当我使用chrome检查输入字段时，它似乎将适当的类从jquery附加到字段。以下是现场检查的输出。

<input type="text" name="addmchwitness" id="addmchwitness" class="ui-autocomplete-input" autocomplete="off">

有什么想法吗？

如何将自动完成绑定到动态创建的文本输入

0 个答案: