如何在Jquery，Laravel中為動態輸入執行自動完成

Question

我正在Laravel進行Accounts Project。 在付款輸入屏幕中，我想使用自動完成功能在此屏幕中添加多個分類帳。 我只會根據ID自動完成第一個字段。 如何根據動態ID執行“剩余字段”或提出任何好的方法。

     <table class="table table-bordered" style="margin-bottom:0px;">
         <tr>
         <td width="50%">
        <input type="text" class="form-control boxed" name="transledger[]" id="transledger1" ></td>
         <td width="50%">
         <input type="text" class="form-control boxed" name="creditamt[]" id="creditamt1">
         </td>
         </tr>
    <tr>
         <td width="50%">
        <input type="text" class="form-control boxed" name="transledger[]" id="transledger2" ></td>
         <td width="50%">
         <input type="text" class="form-control boxed" name="creditamt[]" id="creditamt2">
         </td>
         </tr>

    <tr>
         <td width="50%">
        <input type="text" class="form-control boxed" name="transledger[]" id="transledger3" ></td>
         <td width="50%">
         <input type="text" class="form-control boxed" name="creditamt[]" id="creditamt3">
         </td>
         </tr>
    .......
...........
...........
..........
    </table>

自動完成查詢

 <script>

   $(document).ready(function() {

    src = "{{ url('searchajax') }}";
     $("#transledger1").autocomplete({
        source: function(request, response) {
            $.ajax({
                url: src,
                dataType: "json",
                data: {
                    term : request.term
                },
                success: function(data) {
                    response(data);

                }
            });
        },
        minLength: 3,

    });
}); 



</script>

Answer 1

此示例說明如何使用自動完成功能。

https://jqueryui.com/autocomplete/是實現“自動完成”的重要資源。

 <!doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title>jQuery UI Autocomplete functionality</title> <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet"> <script src = "https://code.jquery.com/jquery-1.10.2.js"></script> <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <!-- Javascript --> <script> $(function() { var availableTutorials = [ "Javascript", "Jquery", "Vue.js", "Meteor.js", ]; $( "#automp" ).autocomplete({ source: availableTutorials }); }); </script> </head> <body> <!-- HTML --> <div class = "ui-widget"> <p>Type "m" or "j"</p> <label for = "autocomp">Tags: </label> <input id = "automp"> </div> </body> </html>

如何在Jquery，Laravel中為動態輸入執行自動完成

問題描述

1 個解決方案

解決方案1
0 2017-06-08 12:06:57

如何在Jquery，Laravel中為動態輸入執行自動完成

問題描述

1 個解決方案

解決方案1 0 2017-06-08 12:06:57

解決方案1
0 2017-06-08 12:06:57