选择价值

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是结果只有由自动填充表单生成的输入框内的文本。

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

Answer 1

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