如何呈現autocomplet框內的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

嘗試自動完成輸入字段=「關」是這樣的：

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

或者你可以嘗試不使用的輸入字段在所有。我只是在我自己的Autocompleter中使用一個div。

Answer 2

您可以使用jQuery Autocomplete並設置輸入屬性autocomplete to false。