Как прикрепить автозаполнение jquery к элементу ввода - PullRequest
1 голос
/ 12 февраля 2020

Я хочу прикрепить автозаполнение к элементу ввода jquery. Я скачал jquery widget v1.12.1 (только автозаполнение) по этой ссылке введите описание ссылки здесь .

function maintest () {
        let table;
        let row1;
        let row2;
        let cell0;
        let cell1;
        let header2;
        let autocomplete1;
        
        table = $('<table>');
        table.attr({"id":"testtable"});
     
       
        row1 = $('<tr>');
        table.append(row1);
        header2 = $('<th>').text("Feature/Description");
        row1.append(header2); 
     
        row2 = $('<tr>');
        table.append(row2);
     
        cell1 = $('<td>');
        row2.append(cell1); 
        autocomplete1 = $("<input>").attr({"id" : "selector0"});
        /*$("#selector0").autocomplete( "option", "source", [ "c++", "java", "php", "coldfusion", "javascript", "asp",              "ruby" ] );
        cell1.append(autocomplete1);*/
     
        $("#mainDiv").append(table);


 
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<body onload="maintest()">
  <div id="mainDiv"></div>
</body>

Примечание: я прокомментировал автозаполнение, потому что я не нашел правильный CDN для включения jquery виджет для автозаполнения

Мое требование - добавить автозаполнение в поле ввода

1 Ответ

1 голос
/ 12 февраля 2020

Похоже, вам нужно добавить автозаполнение, прежде чем вызывать параметры на нем. Вот рабочая версия CodePen: https://codepen.io/edlucas/pen/mdJejqo

function maintest () {
        let table;
        let row1;
        let row2;
        let cell0;
        let cell1;
        let header2;
        let autocomplete1;

        table = $('<table>');
        table.attr({"id":"testtable"});


        row1 = $('<tr>');
        table.append(row1);
        header2 = $('<th>').text("Feature/Description");
        row1.append(header2); 

        row2 = $('<tr>');
        table.append(row2);

        cell1 = $('<td>');
        row2.append(cell1); 
        autocomplete1 = $("<input>").attr({"id" : "selector0"});
          cell1.append(autocomplete1);

        $("#mainDiv").append(table);
        $("#selector0").autocomplete();
        $("#selector0").autocomplete( "option", "source", [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ] );

}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...