Воопщем два селекта и аякс под них, работает вроде нормально, но проблема в том что при выборе значения в первом селекте откраваясь второй селект в этот же момент нижние объекты перемещаются на одну полосу со вторым селектом, помогите исправить ошибку.
вот сам скрипт:
function getXmlHttp()
{
var xmlhttp;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function get_podrazdels()
{
var req = getXmlHttp();
var razdel = document.getElementById('razdels').value;
req.open('GET', 'getpodrazdels.php?name_id='+razdel, true);
req.send('name_id='+razdel);
req.onreadystatechange = function() {
if (req.readyState == 4) {
if(req.status == 200) {
document.getElementById('podrazdels').innerHTML = req.responseText;
}
else
document.getElementById('podrazdels').innerHTML = '<select name="podrazdel"><option value=any>Не удается загрузить</option></select>';
}
else return;
}
}
<?
include_once "config.php";
header('Content-Type: text/html; charset=windows-1251');
$id = (int)(trim($_GET['name_id']));
$result = mysql_query('SELECT * FROM podrazdel WHERE name_id = '.$id);
echo '<select name="podrazdel">';
echo '<option value="any" selected>Любой</option>';
while ($row = mysql_fetch_array($result)) {
echo '<option value='.$row['id'].'>'.$row['name'].'</option>';
}
echo '</select>';
?>