选择使用 jquery 自动完成创建的输入框的值

Question

所以我有这个 jquery:

    $(function() {
        var availableTags = [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC",
            "C",
            "C++",
            "Clojure",
            "COBOL",
            "ColdFusion",
            "Erlang",
            "Fortran",
        ];
        $( "#tags" ).autocomplete({
            source: availableTags
        });
    });


var $content = "";
$('#tags').keyup(function() {    
     $content =  $('input').attr('value'); 
     $content2 =$('.ui-widget').parent().html();
     $("#placehere").append($content2)

});


$('.ui-widget').parent().css('color', 'red');

和这个 HTML:

<div class="demo">
<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags">
</div>
    <div id="placehere">Click</div>
</div>

我希望附加到 #placehere div 的结果只是自动完成表单生成的输入框中的文本。

目前，它只是将所有 .parent() 的 HTML 复制到 .ui-widget div。

Answer 1

您将无法使用 keyup 事件拉回活动自动完成列表，因为 ui-autocomplete div 尚未创建。您可以通过在 keyup 事件中放置断点来进行验证。您可以通过创建超时或使用带有回调的动画延迟来解决这个问题。