Abrir resultados de um select dentro de um modal com ceckbox

[petertrix]

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&otilde;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