Home/ Questions/Q 8118235
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T04:25:07+00:00

while entering the data in the textfield on the browser, it should fetch the

  • 0

while entering the data in the textfield on the browser, it should fetch the data from the database and display accordingly. (ex: like google).
Here is my php code:

    <?php
    mysql_connect("localhost","root","MobixMySQL") or die(mysql_error());
    mysql_select_db("filter") or die(mysql_error());
    $partialStates = $_POST['partialStates'];
    $states = mysql_query("SELECT name FROM list1 WHERE name LIKE "%$partialStates%"");
    while($state = mysql_fetch_assoc($states)) {
    echo "<div>".$state['name']."</div>";
   }
   ?>

And below is my html code:

   <html>
   <head>
   <script type="text/javascript" src="jquery.js"></script>
   <script type="text/javascript">
     function getStates(value){
     $.post("getStates.php",{partialStates:value},function(data){
     $("#results").html(data);
    });
    }
   </script>
    </head>
    <body>
    <input type="text" onKeyUp="getStates(this.value)" >
    <div id="results"></div>
    </body>
    </html>

Pls suggest me where am wrong….!!!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Error with your quotes in the SQL…along with injection. Check out PDO for future development

    $partialStates = mysql_real_escape_string($_POST['partialStates']);
$states = mysql_query("SELECT `name` FROM list1 WHERE `name` LIKE '%$partialStates%'");

    EDIT

    Since you’re using jQuery trying changing your onkeyup event. If you are still getting errors use something like FireBug or your browsers javascript debugger to check for further errors. Try the following (untested):

    <script type="text/javascript">
$(document).ready(function() {
    $('input#myFilter').keyup(function(event) {
        $.post("getStates.php",{partialStates:$(this).val()},function(data){
            $("#results").html(data);
        });
    }).keydown(function(event) {
        if (event.which == 13) {
            event.preventDefault();
        }  
    });
});
</script>
</head>
<body>
<input type="text" id="myFilter">
<div id="results"></div>
    • 0