Hello, I have search box that has auto complete from database(works fine). But I need when the search box value auto-populates in textbox(address_name), the other textbox values come from mysql and automatically populate the other textboxes related to the textbox(address_name) i.e textbox(work_no) and textbox(work_address) using a button or onChange event handler. I know I should use Ajax+php to do this but I tried and failed?. Please help me to solve this problem as soon as possible. Below are the two scripts.
Thanks in Advance


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax Auto Suggest</title>

<script type="text/javascript" src="autocomplete/jquery-1.2.1.pack.js"></script>
<script type="text/javascript">
    function lookup(inputString) {
        if(inputString.length == 0) {
            // Hide the suggestion box.
        } else {
            $.post("rpc.php", {queryString: ""+inputString+""}, 

                if(data.length >0) {
    } // lookup

    function fill(thisValue) {
        setTimeout("$('#suggestions').hide();", 200);


<style type="text/css">
    body {
        font-family: Helvetica;
        font-size: 11px;
        color: #000;

    h3 {
        margin: 0px;
        padding: 0px;   

    .suggestionsBox {
        position: relative;
        left: 30px;
        margin: 10px 0px 0px 0px;
        width: 200px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border: 2px solid #000; 
        color: #fff;

    .suggestionList {
        margin: 0px;
        padding: 0px;

    .suggestionList li {

        margin: 0px 0px 3px 0px;
        padding: 3px;
        cursor: pointer;

    .suggestionList li:hover {
        background-color: #659CD8;
<body bgcolor="teal" align="center" >
<h1 align="center" >
<label>Search by work Address</label> <input type="text" name="address_name" size="20" 

id="inputString"   onkeyup="lookup(this.value);"  onblur="fill();" >
<form name ="analysis"  method="POST"  action="update.php">
<div class="suggestionsBox" id="suggestions" style="display: none;">
                <img src="autocomplete/upArrow.png" style="position: 

relative; top: -12px; left: 30px;" alt="upArrow" />
                <div class="suggestionList" id="autoSuggestionsList">
<label>Work Number </label> <input type="text"  name="work_no" id="work_no" size="20"/>
<label> Work Address </label><input type="text" name="work_address" id="work_address" size="20"/ ></br>

<input type="button" name= "new" value="New" onclick="window.location.href='new.html'"  />
<input type="submit" name= "update"  value= "Edit" 

onclick="window.location.href='update.html'" />
<input type="reset" name= "delet"  value= "Delete" />
<input type="button" name= "main"  value= "Home" onclick="window.location.href='main.html'" 




    $db = new mysqli('localhost', 'root' ,'mysql', 'consultancy'); 

    if(!$db) { 
        // Show error if we cannot connect. 
        echo 'ERROR: Could not connect to the database.'; 
    } else { 
        // Is there a posted query string? 
        if(isset($_POST['queryString'])) { 
            $queryString = $db->real_escape_string($_POST['queryString']); 

            // Is the string length greater than 0? 

            if(strlen($queryString) >0) { 

                $query = $db->query("SELECT work_address FROM analysis WHERE work_address LIKE '$queryString%' LIMIT 10"); 
                if($query) { 

                    while ($result = $query ->fetch_object()) { 

                         echo '<li onClick="fill(\''.$result->work_address.'\');">'.$result->work_address.'</li>'; 
                } else { 
                    echo 'ERROR: There was a problem with the query.'; 
            } else { 

            } // There is a queryString. 
        } else { 
            echo 'There should be no direct access to this script!'; 

Recommended Answers

All 9 Replies

Where and what error you getting in this code?

There's no error. I just want an AJAX script that automatically populates the other textboxes relating to the search box value in textbox(address_name) retrieved from the database. A button or onChange event would be fine.

Seems, You are trynig to fetch data from DB based on selection of one textbox(address_name).
Aren't you?

Yes that's right. Any AJAX-based ideas?

You can do that without Ajax also..
you can Fetch and feel other textbox on the click event of First Textbox(address_name). but if you are using textbox to display data. you are able to display only one record at a time.

Ok. Now i need a way to reference a specific database ID in the WHERE clause of my SELECT query without using URL parameters, sessions or the $_GET[] variable. Is it possible?

i need a way to reference a specific database ID in the WHERE clause of my SELECT query without using URL parameters, sessions or the $_GET[] variable. Is it possible?

Where is your ID coming from? If it's coming from the client, you'll need one of the above (although you didn't mention $_POST or cookies).

I want to retrieve a specific record based on an Id in database. And I want to include that Id in the WHERE clause.

Alright. I now need to assign a variable to $result->work_address and use it in another page using sessions, $_GET[], $_POST[], $_COOKIES[] or any other means. When i tried to assign one it did not pick a specific work address. Any ideas?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.