Olá Pessoal sou novo no Fórum e este é o meu primeiro tópico, depois de revirar toda a internet e não achar uma explicação que preciso, na verdade já cheguei até montar o esquema de uma combo box , o que eu queria , por exemplo, no meu combo tem os seguintes selects: FINALIDADE, TIPO, CIDADE , BAIRRO, e quando chega na tag cidade eu chamo uma url com onchange, e aí quando eu clico no select bairro chega a abrir o modal com os selects dos bairros das respectivas cidades, porém ao selecionar não envia para o value dentro do select bairro e aí não cheha via POST no php , abaixo seguem os arquivos:
Arquivo> busca.php
<?php
//CONECTA AO MYSQL
include_once("config.php");
include_once("combo_cidades.php");
?>
<div class="pagination_form">
<ul>
<li><a href="#" id="prev" class="prevnext">Busca por Cidade</a></li>
<li><a href="#" id="next" class="prevnext">Busca por Codigo</a></li>
</ul>
<br />
</div>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script language="javascript" src="js/ajax.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script language="javascript">
$(document).ready(function() {
$('select[name=bairro_]').click(function(e) {
if(document.getElementById('cidade_') && document.busca.cidade_.value=="0"){
alert("Selecione Cidade para pesquisar por Bairros.");
document.busca.cidade_.value.focus();
}else{
$(function() {
$( "#dialog" ).dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});
$( "#dialog" ).dialog( "open" );
});
}
});
});
bairro_="";
for(ii=1; ii<=bairro_.value; ii++){
if(eval("bairro_"+ii+".checked==true")){
eval("bairro_=bairro_+bairro_bairro_"+ii+".value+'|';");
}
}
if(bairro_!="") busca=busca+"&bairro_="+bairro_;
action="pesquisa.php?"+parametros.value;
submit();
function fLoadBairro(xDIV){
with(document.busca){
ChamaAJAXDIV3("div_PesqBairros", "combo_cidades.php?id="+cidade_.value);
}
}
</script>
<div id="content">
<div><form name="busca" id="busca" onsubmit="return validarformulario(this);" method="post" action="buscadeimoveis.php" enctype="multipart/form-data">
<fieldset><div class="search-property__search-box search-box"><div class="search-box__column search-box--action">
<select name="negocio_" id="negocio_" class="search-box__combo">
<option value="" >Finalidade</option>
<?php
$sql = $MySQLi->query("SELECT id, tipo FROM negocio_tipo WHERE ativo='S'");
while( $linha = mysqli_fetch_array($sql)){
echo '<option class="item" value="'.$linha['id'].'">'.$linha['tipo'].'</option>';
}
?>
</select></div>
<div class="search-box__column search-box--what">
<select name="tipo_" id="tipo_" class="search-box__combo">
<option value="">Tipo</option>
<optgroup label="Residencial">
<?php
$sql = $MySQLi->query("SELECT id, tipo_nome FROM imoveis_tipo WHERE ativo='1'");
while( $linha = mysqli_fetch_array( $sql ) ) {
echo '<option value="'.$linha['id'].'">'.$linha['tipo_nome'].'</option>';
}
?>
</optgroup>
</select>
</div>
<div class="search-box__column search-box--what">
<select name="cidade_" id="cidade_" onchange="fLoadBairro(this.value);" class="search-box__combo">
<option value="0" id="bairro_">Cidade</option>
<optgroup label="Cidades">
<?php
$sql = $MySQLi->query("SELECT id, cidade, uf FROM cidades ORDER BY cidade ASC");
while( $linha_1 = mysqli_fetch_array( $sql ) )
echo '<option value="'.$linha_1['id'].'">' .$linha_1['cidade'].'/'.$linha_1['uf'].'</option>';
?>
</optgroup>
</select>
</div>
<div class="search-box__column search-box--what">
<select id="bairro_" name="bairro_" class="search-box__combo">
<option value=" " id="bairro_">Todos</option>
<optgroup label="Bairros">
</optgroup>
</select>
</div>
<div id="dialog" title="Basic dialog">
<table width="1000" border="0" bordercolor="red" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
<tr>
<td width="14" align="left"><img src="media/bairro_topoEsq.jpg" height="38" /></td>
<td height="38" style="background:url(media/bairro_topo1.jpg)">
<table width="976" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>selecione os bairros / regiões de seu interesse</td>
<td width="23" align="center"><span class="close" style="display:none; cursor:pointer; color:#666; white-space: nowrap"><img src="media/bairro_butBairroX.png" width="23" height="25" /></span></td>
</tr>
</table>
</td>
<td width="14" align="right"><img src="media/bairro_topoDir.jpg" height="38" /></td>
</tr>
<tr>
<td width="14" style="background:url(media/bairro_esq1.jpg)"></td>
<td height="400" background="#FFFFFF" valign="top">
<div id="div_PesqBairros"></div>
</td>
<td width="14" style="background:url(media/bairro_dir1.jpg)"></td>
</tr>
<tr>
<td width="14"><img src="media/bairro_footerEsq.jpg" /></td>
<td height="43" style="background:url(media/bairro_footer1.jpg)">
<table border=0 width="100%">
<tr>
<td>
<span style="cursor:pointer; text-decoration:underline" onClick="fChecarTodos3()">
<img src="media/bairro_butBairroBuscar.png" border="0" align="absmiddle" />Selecionar todos
</span>
</td>
<td>
<table align="right" border="0" bordercolor="yellow" cellspacing="0" cellpadding="5">
<tr>
<td align="right"><span class="close" style="cursor:pointer; color:#666; white-space: nowrap">cancelar</span></td>
<td width="23"><span class="close" style="cursor:pointer; color:#666; white-space: nowrap"><img src="media/bairro_butBairroX.png" width="23" height="25" /></span></td>
<td width="67"><span class="close" onClick="fBusca(1)" style="cursor:pointer; color:#666; white-space: nowrap">buscar</span></td>
<td width="23"><span class="close" onClick="fBusca(1)" style="cursor:pointer; color:#666; white-space: nowrap"><img src="media/bairro_butBairroBuscar.png" width="23" height="25" /></span></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="14" ><img src="media/bairro_footerDir.jpg" /></td>
</tr>
</table>
</div>
<div class="search-box__full search-box--now">
<input type="submit" class="icon-search search-property__button" id="btnEnviar" value="Buscar"/>
</div>
</div>
</fieldset>
</div>
<div class="ocultar">
<fieldset><div class="search-property__search-box search-box"><div class="search-box__column search-box--action">
</div>
<div class="search-box__full search-box--now"></div>
<div class="search-box__full search-box--where">
<input type="text" name="cod" id="cod" class="search-box__input" placeholder="Digite um Código"></div>
<div class="search-box__full search-box--now-2">
<input type="submit" name="verificar" id="btnenviar" class="icon-search search-property__button" value="Buscar"/>
</div></div>
</fieldset>
</form>
</div>
</div>
<br /><br /><br /><br /><br /><br /><br />
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#busca').submit(function(){
beforeSend:$("#carregando").fadeIn(900);
var dados = jQuery( this ).serialize();
jQuery.ajax({
type: "POST",
url: "buscadeimoveis_2.php",
data: dados,
success: function( data ){
if(data !=false){
alert( data );
complete:$("#carregando").fadeOut(2900);
}else{
alert(" ENVIADO COM SUCESSO: " );
complete:$("#carregando").fadeOut(1400);
}
}
});
return false;
});
});
</script><script>
function fChecarTodos2(objeto, classOutros){
if (objeto.checked){
$(classOutros).each(function(){ this.checked = true });
}else{
$(classOutros).each(function(){ this.checked = false });
}
}
function fChecarTodos3(){
if(document.getElementById('bairro_').checked == false){
$("input[type=checkbox]").each(function() {
this.checked = true;
});
} else {
$("input[type=checkbox]").each(function() {
this.checked = false;
});
}
}
</script>
Código javascript onde chamo os bairros selecionados pelo select Cidade:
<?php
//CONECTA AO MYSQL
require_once("config.php");
//RECEBE PARÃMETRO
$idcidade = $_GET["id"];
//QUERY
$sql = $MySQLi->query("SELECT id,bairro, idcidade FROM bairros WHERE idcidade='".$idcidade."' ORDER BY bairro ASC")or die (mysqli_error());
//EXECUTA A QUERY
$row= mysqli_num_rows ($sql);
while($linha=mysqli_fetch_array($sql)){
$id=$linha['id'];
$bairro=$linha['bairro'];
echo '<form method="post" action="#" enctype="multipart/form-data"><input type="checkbox" value="'.$id.'" onClick="fChecarTodos2(this.value);" name="bairro_" id="bairro_"/>'.$bairro.' ('.$id.')
<br /></form>';
//FECHA IF (row)
//PRINTA O RESULTADO
}
?>
Abaixo seria o java script que monta a função para chamar a url BAIRROS:
////FUNCAO PRA CRIAR AJAX
function createXMLHTTP()
{
var ajax;
try
{
ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
try
{
ajax = new ActiveXObject("Msxml2.XMLHTTP");
alert(ajax);
}
catch(ex)
{
try
{
ajax = new XMLHttpRequest();
}
catch(exc)
{
alert("Esse browser não tem recursos para uso do Ajax");
ajax = null;
}
}
return ajax;
}
var arrSignatures = ["MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0",
"MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP",
"Microsoft.XMLHTTP"];
for (var i=0; i < arrSignatures.length; i++)
{
try
{
var oRequest = new ActiveXObject(arrSignatures[i]);
return oRequest;
}
catch (oError)
{
}
}
throw new Error("MSXML is not installed on your system.");
}
function ChamaAJAXDIV3(xDiv, xPagina, xVariaveis){
var combo = createXMLHTTP();
combo.open("post", xPagina, true);
combo.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
combo.onreadystatechange=function(){
if (combo.readyState==4){
document.getElementById(xDiv).innerHTML = unescape(combo.responseText.replace(/\+/g," "));
}
}
combo.send(xVariaveis);
//alert(fVariavel);
}
E para vocês entenderem melhor o que pretendo deixei o link do meu site abaixo para vocês verem o pré funcionamento..
Se puderem me dar um help desde já ficarei agradecido..
O link do meu site demo para vocês verem http://www.netsistec.com.br/site_imob/empresa.php
