2016-12-02 18 views
0

オートコンプリートを使用して自動提示が表示され、結果が表示されます。実行時にオートコンプリートのHTMLコードを動的に変更するにはどうすればよいですか?

コード:

$("#suggest").autocomplete({ 
delay: 20, 
source: function(request, response) { 
    //alert(request.term); 
    var suggestURL = myAutosuggesturl; 
    suggestURL = suggestURL.replace('%QUERY', request.term); 

    // JSONP Request 
    $.ajax({ 
     method: 'GET', 
     dataType: "json", 
     async: true, 
     url: suggestURL 
    }) 
    .success(function(data){ 
     //alert(data.results); 
     for (var i = 0; i < data.results.length; ++i){ 
     var htmltag=data.results[i]['value']; 
     var firsthtag=htmltag.replace("<b>",""); 
     var secondhtag=firsthtag.replace("</b>",""); 
     console.log(data.results[i]['value']); 
     //alert(secondhtag); 
     //var a_href = $('a').attr('href',''); 
     data.results[i]['value']=secondhtag; 

     } 
     console.log(data.results); 
     response(data.results); 
    }); 
} 

はなく、事はHTMLを動的に生成されていると私の必要性を動的にhrefのforeachのアンカータグを付加することです。

どのように達成できますか?

 <ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-1" tabindex="0" style="display: none; top: 93px; left: 206px; width: 325px;"> 
<li class="ui-menu-item" role="presentation"> 
    <a id="ui-id-34" class="ui-corner-all" tabindex="-1">Game (By Neil Strauss)</a> 
</li> 
<li class="ui-menu-item" role="presentation"> 
    <a id="ui-id-35" class="ui-corner-all" tabindex="-1">Gone (By Michael Grant)</a> 
</li> 
    </ul> 

答えて

0

これは

select:function(event,ui){ location.href="my URL part/"+ui.item.id+"other url part/"+ui.item.name; }

を働きました
1

onfocusを使用して、onfocusイベントごとにautosuggest htmlを追加できます。

ありがとうございました。

関連する問題