Coloquei outra função que você falou e ele disse que document.getElementById(...) é nulo ou não é um objeto e esse document está na outra função...
É assim, a index tem:
****************************************************************************************************************************
<script src="funcoes.js" type="text/javascript"></script>
<script src="funcoes1.js" type="text/javascript"></script>
<select name="paises" id="paises" onchange="RetornoAjax(this.value, 'estados.asp', 'estados')" style="font-family: Verdana; font-size: 10 px; color: #808080; border: 1px solid #808080">
<option value="">-Selecione-</option>
<% while not tab.eof %>
<option value="<%= tab("id_pais")%>"><%= tab("pais")%></option>
<% tab.movenext
wend
%>
</select>
</tr>
<tr>
<td width="100%"><font color="#3A5278" face="Arial Narrow" size="2">Estados:</font></td>
</tr>
<tr>
<td width="100%"><div name="estados" id="estados"><select style="font-family: Verdana; font-size: 10 px; color: #808080; border: 1px solid #808080"></select></div></td>
</tr>
<tr>
<td width="100%"><font color="#3A5278" face="Arial Narrow" size="2">Cidades:</font></td>
</tr>
<tr>
<td width="100%"><div name="cidades" id="cidades"><select style="font-family: Verdana; font-size: 10 px; color: #808080; border: 1px solid #808080"></select></div></td>
</tr>
<tr>
<td width="100%"><font color="#3A5278" face="Arial Narrow" size="2">Zona
(Cidade de São Paulo):</font></td>
</tr>
<tr>
<td width="100%"><div name="zona" id="zona"><select style="font-family: Verdana; font-size: 10 px; color: #808080; border: 1px solid #808080"></select></div></td>
</tr>
<tr>
<td width="100%"><font color="#3A5278" face="Arial Narrow" size="2">Profissionais:</font></td>
</tr>
<tr>
<td width="100%"><div name="profs" id="profs"><select style="font-family: Verdana; font-size: 10 px; color: #808080; border: 1px solid #808080"></select></div></td>
</tr>
****************************************************************************************************************************
onde seleciona o combo país e assim chama a função original (que atende outros combos):
função.js:
****************************************************************************************************************************
function RetornoAjax(id, url, container)
{
if (id == "")
{
var txt = "1"
document.getElementById("estados").innerHTML = "<select></select>";
document.getElementById("cidades").innerHTML = "<select></select>";
document.getElementById("zona").innerHTML = "<select></select>";
document.getElementById("profs").innerHTML = "<select></select>";
return
}
var xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Este browser não suporta HTTP Request")
return
}
var url=url;
url=url+"?id="+id;url=url+"?"+txt; // nesse txt que fica o nome e não o value do selec, era para ser...
// ele funciona normal no split... a coisa é colocar o valor do nome aí e não outro value igual...
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=function()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById(container).innerHTML=xmlHttp.responseText;
}
}
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function GetXmlHttpObject()
{
var objXMLHttp=null
if (window.XMLHttpRequest)
objXMLHttp=new XMLHttpRequest()
else if (window.ActiveXObject)
objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
return objXMLHttp
}
****************************************************************************************************************************
que chama (pela função acima) a página estado.asp. Isso depois que solecionou o combo país:
estado.asp:
****************************************************************************************************************************
id = split(Request.QueryString("id"),"?")
info = id(0)
info1 = id(1)
sql = "select * from estados where id_pais ="& info &" order by estado desc"
set tab = conexao.execute(sql)
%>
<select name="estados" id="estados" onchange="RetornoAjax(this.value, 'cidades.asp', 'cidades')" style="font-family: Verdana; font-size: 10 px; color: #808080; border: 1px solid #808080">
<option value="">-Selecione-</option>
<% while not tab.eof %>
<option value="<%=tab("id_estado")%>"><%=tab("estado")%></option>
<% tab.movenext
wend
conexao.close
set tab = nothing
%>
</select>
****************************************************************************************************************************
que por sua vez chama o combo cidade (onde coloquei a sua função):
****************************************************************************************************************************
id = split(Request.QueryString("id"),"?")
info = id(0)
'info1 = id(1)
sql = "select * from cidades where id_estado ="& info &" order by cidade desc"
set tab = conexao.execute(sql)
%>
<select name="cidades" id="cidades" onchange="verificaEstado(this);" style="font-family: Verdana; font-size: 10 px; color: #808080; border: 1px solid #808080">
<option value="">-Selecione-</option>
<% while not tab.eof %>
<option value="<%= tab("id_cidade")%>"><%= tab("cidade")%></option>
<% tab.movenext
wend
conexao.close
set tab = nothing
%>
</select>
****************************************************************************************************************************
E aqui está a sua função:
funcao1.js
function verificaEstado(objEstado)
{
if (objEstado.options[objEstado.selectedIndex].text == "SAO PAULO")
{
// Aqui voce chama a funçao para zonas se o estado for Sao Paulo
RetornoAjax(objEstado.value, 'zonas.asp', 'zona');
}
else
{
// Aqui para outros estados
RetornoAjax(objEstado.value,'profissionais.asp','cidadesoutrosestados');
}
}
Entendeu?
Obrigado pela atenção.
