Javascript 如何使用jQuery添加输入字段并在新的输入字段中调用Ajax

我正在使用带有输入字段的表。我使用jQuery添加新行/输入字段，然后我想在新行/输入字段中调用Ajax。但它不起作用。因为它没有填充document.ready函数的条件

这是我的html表单：

<table>
<thead>
<tr>
    <th>Account Name:</th>
    <th>Branch:</th>
</tr>
</thead>
<tr>
    <td>
        <div>
             <input type="text" name="ac_name" class="auto-search-ac">
        </div>
    </td>
    <td>
        <div>
            <input type="text" name="branch">
        </div>
    </td>
</table>

用于在表中添加新行的脚本工作正常：

<script>
$(document).on("focus",'#table tr:last-child td:last-child',function() {
        //append the new row here.
        var table = $("#table");

        table.append('<tr>\
        <td style="width:250px;"><div> <input type="text" name="ac_name" class="auto-search-ac"></div>\
         </td>\
        <td><div><input type="text" name="branch"></div>\
        </td>\
       </tr>');
   });
   </script>

对新插入的输入字段的Ajax调用：：在第一行中-Ajax工作得很好

<script type="text/javascript">

$(".auto-search-ac").autocomplete({
    source: "/ca-list",
    minLength: 1,
    select: function( event, ui ) {
        $('.auto-search-ac').val(ui.item.value);
        $('#ca-id-val').val(ui.item.ca_id);
    }
});

</script>

注意：：我正在模态中使用所有脚本和html。在第一排，一切正常

通过jQuery添加新行之后，我就不能调用ajax了。可能是文件的问题。准备好了

---

问题：在html中使用jQuery添加新的输入字段/行之后，如何调用脚本/ajax/jQuery？高级感谢。

使用类选择器，因为您没有将类作为自动搜索ac的元素。追加元素后，从追加的tr中查找将类作为自动搜索ac的元素，并初始化自动完成

试试这个：

$.auto-search-ac.autocomplete{ 来源：/ca列表， 最小长度：1， 选择：functionevent，ui{ alertui.item.value； alertui.item.ca_id； } }; $document.onfocus，'table tr:last child td:last child'，函数{ var table=$table； var元素\ \ \ \ \ '; 表1.2.1要素； $table tr:last-child.find.auto-search-ac.autocomplete{ 来源：/ca列表， 最小长度：1， 选择：functionevent，ui{ alertui.item.value； alertui.item.ca_id； } }; }; 帐户名： 分支机构：

---

行中的自动搜索ac为类，自动完成脚本中的自动搜索ac为id@MoshFeu我已经更新了。。请看一看@Rayon Dabre是否回答了您的问题？@MoshFeu：：仍然没有找到结果。第一排起作用了，但第二排起作用了。@Rayon Dabre的答案对我来说似乎是正确的。问他更多的解释。控制台中有错误吗？你有公共URL吗？或者你可以为此创建一个？所以我们可以和您一起调试。@Rayon Dabre:：插入新输入字段时它不工作。@Rayon Dabre:在第一行它工作，但在第二行它不工作@Rayon Dabre:让我们尝试共享到Filldle。。。但问题是@Ryaon Dabre:：自动完成数据太棒了。太完美了。非常感谢。@Ryaon Dabre：：这把小提琴有什么区别：？？？