<HTML>
<HEAD>
</HEAD>
<STYLE>
#SRCHORDERS{
position : absolute;
top : 100px;
left : 20px;
width : 100px;
}
</STYLE>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<SCRIPT>
$(Document).ready(function(){
var COUNTRYCOD = 0;
$.ajax({
type : "POST",
url : "http://localhost/AJAXPHPMYSQL/GETCOUNTRIES.PHP",
success : function(COUNTRIES){
var CBOCONTROL = $("#COUNTRYCBO");
CBOCONTROL.empty();
for ( X = 0; X < COUNTRIES.length;x++){
CBOCONTROL.append("<OPTION VALUE=" + COUNTRIES[X].COUNTRYCOD + ">" + COUNTRIES[X].COUNTRYNAM + "</OPTION>");
};
};
});
});
<SCRIPT>
<DIV ID="SRCHORDERS">
<SELECT NAME="DDCOUNTRY" ID="COUNTRYCBO">
</SELECT>
</DIV>
##################################################################
##################################################################
GETCOUNTRIES.PHP
<?php
$CON = mysql_connect("localhost","root","");
mysql_select_db ( "AJAXDBF", $CON );
$SQLCOUNTRY = " SELECT * FROM COUNTRY ";
$FCOUNTRY = mysql_query( $SQLCOUNTRY , $CON);
while ( $ROW = mysql_fetch_array( $FCOUNTRY )){
$COUNTRIES = array(
'COUNTRYCOD' => $ROW["COUNTRYCOD"],
'COUNTRYNAM' => $ROW["COUNTRYNAM"]);
}
echo ( json_encode( $COUNTRIES ));
?>