Question

我有文字输入和html表格。我把用户名称和提交以获取他们的信息。现在我使用ajax来显示用户名。

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

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

问题是当我输入文本时，它显示我在auto complet选项中提交的先前内容。

我需要的是覆盖自动完成中显示的值，并从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。

Answer 2

在输入字段上尝试autocomplete =“off”，如下所示：

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

或者您可以尝试根本不使用输入字段。我只是在自己的Autocompleter中使用div。

如何在自动完成框中呈现html

2 个答案: