Question

如何在html表上进行jquery自动完成

我有文本框

<input type="text" value="" id="txtInput"/>

以下我有html表

 <table>
    <tr>
        <td>Name1</td>
        <td>1</td>
    </tr>
    <tr>
       <td>Name2</td>
       <td>2</td>
    </tr>
    <tr>
       <td>Name3</td>
       <td>3</td>
    </tr>
 </table>

我正在使用jquery自动完成，如何从表格首先过滤td，我已尝试使用以下脚本，但无法正常工作。

 var arrLinks = $('#tblData td:first').map(function () {
    return $(this).text();
}).get();
$("#search_by_team").autocomplete({
    source: function (response) {
        $('#tblData').map(function () {
            return $(this).find('td:first').text();
        });
    },

});

Answer 1

＆＃39; #tblData td：first＆＃39;将只选择一个第一个td的td元素，在本例中为Name1。选择所有第一个tds

var arrLinks = $('#tblData tr').map(function () {
    return $(this).find('td:first').text();
}).get();

检查代码笔：https://codepen.io/meharaj/pen/KmZEaJ?editors=1011

Answer 2

var arrLinks = $('#tblData td:first').map(function () {
return $(this).text();}).get();
$("#search_by_team").autocomplete({
source: arrLinks });

在html表上jbox自动完成文本框

2 个答案: