Select

Bart · Dezembro 1, 2003

Iaê pessoal, beleza?

O que tá pegando é um seguinte:

Tenho duas caixas (<select> (...) </select>), onde somente a primeira (País) contém opções no ato do carregamento da página. A segunda (Estado) só é preenchida depois de feita a escolha de uma das opções existentes na primeira (País). Mas o grande problema é COMO FAZER ISSO SEM QUE HAJA UM "RELOAD" NA PÁGINA. Sei que é possível, mas não sei como fazê-lo.

Vai aí um endereço que tem exatamente o que eu estou pretendendo: http://match.msn.com.br/match/mt.cfm?pg=search

;) Valeu galera,

falow.....

sitenovo · Dezembro 2, 2003

Seguinte,

Veja se isso serve:

Peguei no codigo fonte da pagina!

</A></IFRAME>

</TD>

</A></IFRAME>

</DIV></TD>

</TR>

</TABLE>

<TD CLASS="msntabsline" NOWRAP="" width="70"><DIV CLASS="msnchanneltitle"><B><A STYLE="text-decoration:none" HREF="http://g.msn.com.br/BR2/1722.0?http://www.msn.com.br/paquera2/&&CP=65001&CE=nl50&HL=Paquera" CLASS="msnchanneltitle">Paquera</A> </B></DIV></TD>

</TR>

</TABLE>

</TD>

</TR></table>

function pop(page,anc,param,w,h)

{

if (!w) w=530;

if (!h) h=500;

o=window.open("http://match.msn.com.br/match/language/portuguese/extra/pop_control.cfm?page="+page+"&"+param+"&anc="+anc,page,"toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizabl

e=1,width="+w+",height="+h+",left=50,top=20");

o.focus();

}

function qpop(page,anc,param,w,h,scroll)

{

if (!w) w=530;

if (!h) h=500;

if (!scroll) scroll=1;

o=window.open("http://match.msn.com.br/match/language/portuguese/extra/pop_"+page+".cfm?"+param+"&anc="+anc,page,"toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars="+scroll+",resizable=1,width="+w+",height="+h+",left=50,top=20");

o.focus();

}

function popUp(url) { sealWin=window.open(url,"_blank","toolbar=0,location=0,directories=0,status=1,menubar=1,scrollbars=1,resizabl

e=1,width=700,height=500,left=200"); }

function a(txt) {self.status = txt}

function b() {self.status = ""}

function newImage(arg) {

if (document.images) {

rslt = new Image();

rslt.src = arg;

return rslt;

}

function changeImages() {

if (document.images && (preloadFlag == true)) {

for (var i=0; i<changeImages.arguments.length; i+=2) {

document[changeImages.arguments].src = changeImages.arguments[i+1];

}

var preloadFlag = false;

function preloadImages() {

if (document.images) {

preload_hp_home_topnav = newImage("http://match.msn.com.br/match/language/portuguese/images/hp_home_topnav_ov.gif");

preload_hp_search_topnav = newImage("http://match.msn.com.br/match/language/portuguese/images/hp_search_topnav_ov.gif");

preload_hp_purchase_topnav = newImage("http://match.msn.com.br/match/language/portuguese/images/hp_purchase_topnav_ov.gif");

preload_icon_free_contact = newImage("http://match.msn.com.br/match/shared/images/icon_free_contact_ov.gif");

preload_icon_voice_message = newImage("http://match.msn.com.br/match/shared/images/icon_voice_message_ov.gif");

preload_cd_button = newImage("http://match.msn.com.br/match/shared/images/cd_button_ov.gif");

preload_d_button = newImage("http://match.msn.com.br/match/shared/images/d_button_ov.gif");

preload_vp_button = newImage("http://match.msn.com.br/match/shared/images/vp_button_ov.gif");

preloadFlag = true;

}

// Microsoft Explorer version - load state / city control

function load_states(cid)

{

o=document.all.statecontrol;

while (o.options.length) o.options.remove(0);

oOption = document.createElement("OPTION");

oOption.text="Carregan...";

oOption.value="";o.add(oOption);

o.disabled=true;

o=document.all.citycontrol;

while (o.options.length) o.options.remove(0);

oOption = document.createElement("OPTION");

oOption.text="Carregan...";

oOption.value="";

o.add(oOption);

o.disabled=true;

document.all.feedstates.dataurl="http://match.msn.com.br/match/shared/feed/getstates.cfm?cid="+cid;

document.all.feedstates.charset=document.charset;

document.all.feedstates.reset();

}

function load_cities(cid,pid)

{

o=document.all.citycontrol;

while (o.options.length) o.options.remove(0);

oOption = document.createElement("OPTION");

oOption.text="Carregan...";

oOption.value="";

document.all.citycontrol.add(oOption);

document.all.citycontrol.disabled=true;

document.all.feedcities.dataurl="http://match.msn.com.br/match/shared/feed/getcities.cfm?cid="+cid+"&pid="+pid;

document.all.feedcities.charset=document.charset;

document.all.feedcities.reset();

}

function show_states(rset)

{

while (document.all.statecontrol.options.length) document.all.statecontrol.options.remove(0);

while (document.all.citycontrol.options.length) document.all.citycontrol.options.remove(0);

oOption = document.createElement("OPTION");

oOption.text="Qualquer lugar";

oOption.value="";document.all.statecontrol.add(oOption);

oOption = document.createElement("OPTION");

oOption.text="Qualquer lugar";

oOption.value="";document.all.citycontrol.add(oOption);

if (rset.recordcount) { rset.MoveFirst();

while (!rset.EOF) {

oOption = document.createElement("OPTION");

oOption.text=rset.fields("name").value;

oOption.value=rset.fields("id").value;

document.all.statecontrol.add(oOption);

rset.MoveNext(); }

document.all.statecontrol.disabled=false;

}

function show_cities(rset)

{

while (document.all.citycontrol.options.length) document.all.citycontrol.options.remove(0);

oOption = document.createElement("OPTION");

oOption.text="Qualquer lugar";

oOption.value="";document.all.citycontrol.add(oOption);

if (rset.recordcount) { rset.MoveFirst();

while (!rset.EOF) {

oOption = document.createElement("OPTION");

oOption.text=rset.fields("name").value;

oOption.value=rset.fields("name").value;

document.all.citycontrol.add(oOption);

rset.MoveNext(); }

document.all.citycontrol.disabled=false;

}

</script>

Creio que é em flash... ou algo que valha.. da um azoiada nesse codigo acima e tente ver o que consegue!

[]s

Rodney

ualex · Dezembro 2, 2003

cara eu sei fazer isso... mas eu uso php junto com javascript

sabe dae no evento onChange do select se chama uma função e ela da um submit...

<script>function muda() {   form.action.submit();}</script><select name=teste onchange=muda()>   <option>sdsd</option></select>

+- assim...

alicacwb · Dezembro 2, 2003

Vê se isso te ajuda.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>Combo box de valores dinâmios</title><meta http-equiv="Content-Type content="text/html; charset="iso-8859-1"><meta content="MSHTML 6.00.2800.1170" name="GENERATOR"></head><body><form id="doublecombo" name="doublecombo action=""" method="post"><table cellspacing="2" cellpadding="0" width="408" border="0">  <tbody>  <tr>    <td width="72">Ano1</td>    <td width="330"><select class="Imput" style="FONT: 11px arial" onChange="redirect(this.options.selectedIndex,0)" name="t_cod_setor" tagname="CATEGORIA,Y">       <option selected>**Selecione uma das opções**</option>       <option value="1950">1950</option>       <option value=1961>1961</option>       <option value=1972>1972</option></select></td></tr>  <tr>    <td>Ano2</td>    <td><select class="Imput" style="FONT: 11px arial" name="t_cod_subsetor" tagname="SEGMENTO,Y"> 	 <option selected>**Selecione uma das opções**</option> 	 <option value="-1">** Para que os itens deste quadro de opções apareçam **</option> 	 <option value="-1">** você deve selecionar um item diferente do que **</option> 	 <option value="-1">** está aparecendo no quadro de opções acima **</option></select><script language="javascript1.2">	var groups=document.doublecombo.t_cod_setor.options.length	var group=new Array(groups)	for (i=0; i<groups; i++)	group[i]=new Array()	//	group[0][0]=new Option("**Selecione uma das opções**","0")	// Alimentação	group[1][0]=new Option("1950","1950")	group[1][1]=new Option("1951","1951")	group[1][2]=new Option("1952","1952")	group[1][3]=new Option("1953","1953")	group[1][4]=new Option("1954","1954")	group[1][5]=new Option("1955","1955")	group[1][6]=new Option("1956","1956")	group[1][7]=new Option("1957","1957")   	 	// Animais e CIA	group[2][0]=new Option("1960","1960")	group[2][1]=new Option("1961","1961")	group[2][2]=new Option("1962","1962")	group[2][3]=new Option("1963","1963")	group[2][4]=new Option("1964","1964")	group[2][5]=new Option("1965","1965")	group[2][6]=new Option("1966","1966")	group[2][7]=new Option("1967","1967")		// CASA E DECORACAO	group[3][0]=new Option("1970","1970")	group[3][1]=new Option("1971","1971")	group[3][2]=new Option("1972","1972")	group[3][3]=new Option("1973","1973")	group[3][4]=new Option("1974","1974")	group[3][5]=new Option("1975","1975")	group[3][6]=new Option("1976","1976")	group[3][7]=new Option("1977","1977")		var temp=document.doublecombo.t_cod_subsetor	function redirect(x,j){  for (m=temp.options.length-1;m>0;m--) 	 temp.options[m]=null  for (i=0;i<group[x].length;i++){ 	 temp.options[i]=new Option(group[x][i].text,group[x][i].value)  }  temp.options[j].selected=true	}</script>       </td>   </tr>	</tbody></table></form></body></html>

Alica CWB

lcs_sp · Dezembro 2, 2003

E ai pessoal beleza???

aproveitando o assunto, eu vi algo assim neste link combo q usava um tal remote script alguem sabe o q e isto e como funciona....(sei q ele naum guarda os valores do lado cliente)

Entrar

Arquivado

Select

Recommended Posts

Bart 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

sitenovo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ualex 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

alicacwb 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

lcs_sp 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante