Search data from dynamically created table

Question

I have created one application in that there is one text box for searching information from table. Although i have written the code when we enter the character in search text box, after accepting one character control goes out of textbox. this is my code for searching`

 <script type="text/javascript">
$(document).ready(function()
{
    var minlength = 1;

    $("#searchTerm").keyup(function () {
      
        value = $(this).val();
		
		if (value.length > minlength ) 
		{
			searchTable(value);
		}
		else if(value.length < minlength)
		{
			searchTable("");
		}	
	});
});
function searchTable(value)
{
	$.ajax({
		type: "GET",
		url: "dispatient.php",
		data:({search_keyword: value}),
		success: function(success)
		{
			window.location.href = "dispatient.php?search_keyword="+value;	
			$("#searchTerm").focus();
		},
		error: function() 
		{ 
			alert("Error occured.please try again");	
		},
		complete: function(complete)
		{
			$("#searchTerm").focus();
		},
		
	});
}

<input id="searchTerm" Type="text" class="search_box"  placeholder="Search" 
			   value = <?php echo $_GET['search_keyword'] ?> >

` Please suggest to me..

thanks in advance..

Answer 1

value is default attribute of javascript try to change the variable name of value into something like searchData

Answer 2

In your success callback, you are redirecting the page to dispatient.php. I believe, this is the same page that has the search functionality. Once you redirect, the page is reloaded again and there is no point in writing:

$("#searchTerm").focus();

Since, you are already using AJAX, try loading the data from success on to your page through JavaScript/jQuery without reloading the page.