Get textbox value from dropdown using ajax and php

This Tutorial Has Been Viewed 7,101 Times.

This is a simple tutorial on how to get a dropdown list value using simple ajax and php
Create a html page named country.html and add the below codes,
HTML CODE

<select name="country" onChange="getCurrencyCode('find_ccode.php?country='+this.value)">
 <option value="">Select Country</option>
        <option value="1">USA</option>
        <option value="2">India</option>
        <option value="3">Uk</option>
</select>
<input type="text" name="cur_code" id="cur_code" />

Javascript CODE

function getCurrencyCode(strURL)
{
  var req = getXMLHTTP();
  if (req)
  {
        //function to be called when state is changed
        req.onreadystatechange = function()
        {
          //when state is completed i.e 4
          if (req.readyState == 4)
          {
                // only if http status is "OK"
                if (req.status == 200)
                {
                        document.getElementById('cur_code').value=req.responseText;
                }
                else
                {
                        alert("There was a problem while using XMLHTTP:\n" + req.statusText);
                }
          }
        }
        req.open("GET", strURL, true);
        req.send(null);
  }
}

Now create a PHP file named code.php and add the below codes,

< ?php
$country=$_REQUEST['country'];
switch($country)
{
        case "1" :
                echo "USD";
                break;
        case "2" :
                echo "Rupees";
                break;
        case "3" :
                echo "Pound";
                break;
}
?>

THATS IT!!!!!!!!!!!!!!!!

As you can see its pretty simple to understand this tutorial.

VN:F [1.9.13_1145]
Rating: 6.9/10 (19 votes cast)
VN:F [1.9.13_1145]
Rating: -1 (from 7 votes)

Get textbox value from dropdown using ajax and php, 6.9 out of 10 based on 19 ratings

Incoming search terms:





You will also be interested in ,

Tags: ,

Leave a Reply

Spam protection by WP Captcha-Free

Proudly designed by Mistonline.in.
Affordable Seo PackagesSeo BlogEdu Backlinks
More in Ajax, PHP, scripts (80 of 152 articles)


Hello here is a simple javascript code on how to get the browser version and other details.Just copy paste guys. ...