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' );

Answer 1

您可以使用 jQuery Autocomplete并设置属性 autocomplete to false在输入上。