<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title>
<style type="text/css">
#proba {
width:200px;
height : 200px ;
border:solid 1px blue;
}
</style>
<script type="text/javascript">
var xmlHttp = false;
function initPage()
{
if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
alert('Вашият броузър не поддържа AJAX');
exit();
}
}
function show()
{
var forma = document.getElementById('forma').value;
var url = "proba.php?id="+forma;
var div = document.getElementById('proba');
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = function()
{
if(xmlHttp.status == 200)
{
var otgovor = xmlHttp.responseText.split("|");
div.innerHTML = otgovor[0]+"<br />"+otgovor[1]+"<br />"+otgovor[2];
}
else
{
alert(xmlHttp.statusText);
}
}
xmlHttp.send(null);
}
</script>
</head>
<body onLoad="initPage()">
<div id="proba"></div>
<form method="post" action="proba.php">
<select name="izbor" onChange="show()" id="forma">
<option value="">Избери</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</form>
</body>
</html>
