Question

我正在使用自动完成搜索框。第一次使用类选择器调用自动完成搜索框时，它起作用了，但是当我追加行和第二次再次调用相同的自动完成搜索框时，它不起作用。这是我的jQuery代码

 $(".RealStateActivity_search").autocomplete({
     source: function (request, response) {
         $.ajax({
              url: '@Url.Action("SearchRealStateActivityName", "RealStateActivity")',
              dataType: "json",
              data: { RealStateAct: $(".RealStateActivity_search").val() },
              success: function (data) {
              response($.map(data, function (item) {
                  return { Id: item.Id, value: item.RealEstate_Activites };
              }));
              },
              error: function (xhr, status, error) {
                  alert("Error");
              },
          });
     }, 
     focus: function (event, ui) {
         $(".rea_search_id").val(ui.item.Id);
     }, 
     appendTo: '.my_suggestionsforres',
     select: function (event, ui) {
         $(this).val(ui.item.RealEstate_Activites);
     }
});

这是我在调用附加行之前在表数据中使用的搜索框

<td>
     <input id="" class="form-control RealStateActivity_search" placeholder="REA"/>
     <input id="" class="form-control rea_search_id" type="text"/>
     <div class="my_suggestionsforres"></div>
</td>

在这里我再次在追加行中调用相同的函数，这是主要问题当我使用类选择器追加行功能不起作用

 $(document).on("change", "#transrectable input", function () {

    var totalrow = $('#transrectable tbody tr').length;
    var index = $(this).closest('tr').index() + 1;
    if (totalrow == index) {
        counter++;
        var html = '<tr class="' + counter + ' rows-for-payment"><td><input class="form-control invoice"></td>'+` '<td><input class="form-control region"></td>'+
                   '<td><input  id="RealStateActivity_search" class="form-control"  placeholder="REA" >'+
                   '<input class="form-control rea_search_id" type= "text" ><div class="my_suggestionsforrea"></div></td>'+
     '/*<td><input class="form-control busines-line"></td>*/<td><input class="form-control proj"></td>'+
                   '</tr>';

        $('#transrectable tbody').append(html);

    }
});`

如何使用班级选择器和调用自动完成搜索框

0 个答案: