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事件中设置断点来进行验证。您可以通过创建超时或使用带回调的动画延迟来解决这个问题。

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

1 个答案: