javascript - オートコンプリート ボックス内で html をレンダリングする方法

Question

テキスト入力とhtmlフォームがあります。ユーザー名を入力して送信し、情報を取得します。これで、ajax を使用してユーザー名を表示することができました。

<div class="hidesearch" id="search" style="width:"400px;">

                 <input type="text"  id="searchbox"  name="user_name" value=""/>
</div>

問題は、テキストを入力すると、オートコンプリート オプションで送信した以前のコンテンツが表示されることです。

必要なのは、オートコンプリートに表示される値をオーバーライドし、ajax 呼び出しからオートコンプリート領域に名前をレンダリングすることです。

 function wpay_search() {
 // echo 'Sasi is  a t est';
    global $wpdb;
    $name=$_POST['user_name'];
    $employee=$wpdb->get_results("SELECT `First_Name` FROM table_list WHERE First_name LIKE '$name%' ");

    foreach($employee as $key=> $value){

     echo '<ul>';
     echo '<li>'.$value->First_Name;'</li>';
     echo '</ul>';
  //   echo $value->post_content;

   }


    //wp_reset_query();
    die();
} // end theme_custom_handler
add_action( 'wp_ajax_wpay_search', 'wpay_search' );
add_action( 'wp_ajax_nopriv_wpay_search', 'wpay_search' );