Campo Lista /menu como obter seu valor

[AislanFane]

aew galera ve se vocês pode me ajudar...

consgui este codigo onde na primeira lista seleciono a cidade e a segunda carrega os bairros, todos dados vem do mysql

porem quando efetuo busca ou gravação de um cadastro o campos cidade e bairro esta ficando em branco,

creio eu que não esta pegando o valor da seleção efetuada.

me ajudem por favor.

este codigo e do meu index onde efetua a busca

<form id="pesquisa" name="pesquisa" method="POST" action="resultado.php">

<table width="985" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<th width="170" rowspan="3" valign="top" bgcolor="#FFFFFF" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td align="left" bgcolor="#FFFFFF"> </td>

</tr>

<tr>

<td align="left" bgcolor="#FFFFFF"> </td>

</tr>

<tr>

<td align="left" bgcolor="#FFFFFF">

<?

echo "<font id=cidades><select name='cidades' class='listalargura'>\n";

echo "<option value='0'>============</option> \n" ;

echo "</select></font>\n";

?>

</td>

</tr>

<tr>

<td align="left" bgcolor="#FFFFFF">

<?

echo "<font id=bairros><select name='bairros' class='listalargura'>\n";

echo "<option value='0'>Selecionar</option> \n" ;

echo "</select></font>\n";

?>

&lt;script language=Javascript>

function Inint_AJAX() {

try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {} //IE

try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} //IE

try { return new XMLHttpRequest(); } catch(e) {} //Native Javascript

alert("XMLHttpRequest not supported");

return null;

};

function dochange(src, val) {

var req = Inint_AJAX();

req.onreadystatechange = function () {

if (req.readyState==4) {

if (req.status==200) {

document.getElementById(src).innerHTML=req.responseText; //retuen value

}

}

};

req.open("GET", "state.php?data="+src+"&val="+val); //make connection

req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=iso-8859-1"); // set Header

req.send(null); //send value

}

window.onLoad=dochange('cidades', -1); // value in first dropdown

</script>

</td>

</tr>

<tr>

<td align="left" bgcolor="#FFFFFF"><label for="ti"></label>

</td>

</tr>

<tr>

<td align="left" bgcolor="#FFFFFF"></td>

</tr>

<tr>

<td align="left" bgcolor="#FFFFFF"></td>

</tr>

<tr>

<td align="left" bgcolor="#FFFFFF"> </td>

</tr>

<tr>

<td align="left" bgcolor="#FFFFFF"><input type="submit" name="buscar" id="buscar" value="Buscar" /></td>

</tr>

<tr>

<td align="left" bgcolor="#FFFFFF"><p>abaixo aqui pode<br />

ir anuncios propagandas </p></td>

</tr>

</table></th>

<th bgcolor="#FFFFFF" scope="col">Aqui pode ir qualquer coisa</th>

</tr>

<tr>

<th width="610" bgcolor="#FFFFFF" scope="col"> </th>

</tr>

<tr>

<td align="left" valign="top" bgcolor="#FFFFFF">

</td>

</tr>

</table>

</form>

este é da programação da busca do mysql

<style>

.listalargura {

width: 150px;

}

</style>

<?

header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT");

header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");

header ("Cache-Control: no-cache, must-revalidate");

header ("Pragma: no-cache");

header("content-type: application/x-javascript; charset=tis-620");

$data=$_GET['data'];

$val=$_GET['val'];

mysql_pconnect($dbhost,$dbuser,$dbpass) or die ("Não foi possível realizar a consulta");

if ($data=='cidades') {

echo "<select class='listalargura' name='cidades' onChange=\"dochange('bairros', this.value)\">\n";

echo "<option value='0'>Selecionar</option>\n";

$result=mysql_db_query($dbname,"select `id`, `cidade` from cidades order by `cidade`");

while(list($id, $name)=mysql_fetch_array($result)){

echo "<option value=\"$id\" >$name</option> \n" ;

}

} else if ($data=='bairros') {

echo "<select class='listalargura' name='bairros' >\n";

echo "<option value='0'>Selecionar</option>\n";

$result=mysql_db_query($dbname,"SELECT `id`, `bairro` FROM bairros WHERE `state_id` = '$val' ORDER BY `bairro` ");

while(list($id, $name)=mysql_fetch_array($result)){

echo "<option value=\"$id\" >$name</option> \n" ;

}

}

echo "</select>\n";

?>

Editado Fevereiro 27, 2011 por AislanFane

[Endor]

Boa Tarde, AislanFane!

Não testei seu código, mas você está colocando o ajax depois da chamada.

Coloque suas funções tanto para ajax quanto para javascript no topo da página.

Coloque seu formulário de bairros em outra página e faça com que o ajax traga para a página atual.

Qualquer dúvida volte!

Abraços.