Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ze_violeiro

Submit Jquery

Por , em Javascript

Recommended Posts

ze_violeiro    0

ze_violeiro
Postado

Olá pessoal,

 

Gostaria q apos selecionar determinada opção o formulario fosse submetido, porem só achei exemplos usando ajax e minhas tentativas no funcionaram, se algume puder da uma mão

 

Abraço

<script language="javascript" >		$(document).ready(function(){				  $("input[@name=tipo]").click(function(){				alert('enviando form');																 // tentei assim e não funcionou  				$("form#form1").submit();					});		});		</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

MadPatryk    0

MadPatryk
Postado

kra, pelo que entendi você ta dizendo pro JQuery pra rodar o metodo submit do teu form de ID "form1"...é isso mesmo? esse form existe? é esse o ID dele mesmo?checa ai...:)

Compartilhar este post

Link para o post
Compartilhar em outros sites

ze_violeiro    0

ze_violeiro
Postado

é isso mesmo, quero apenas rodar o form, só que não rola.

Consegui assim, porem tenho 4 formularios e consegui fazer 3 irem um não.

 

<script language="javascript" >		$(document).ready(function(){				  $("input[@name=tipo]").click(function(){				alert('enviando form');																 // tentei assim e não funcionou  				$("form")[2].submit();					});		});		</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

ze_violeiro    0

ze_violeiro
Postado

OPa ta ae, o formulari que não funciona é o que tem os radiobox

 

Aqui ta apenas o formulário

 

<form name="cart" id="cart" method="post" action="carrinho.php?action=upd">			  <table class="tah11" width="100%" border="0" cellspacing="5" cellpadding="5">				<tr>				  <td width="80"><div align="center"><strong>Remover</strong></div></td>				  <td width="187"><strong>Produto</strong></td>				  <td width="80"><div align="center"><strong>Quantidade</strong></div></td>				  <td width="187"><div align="center"><strong>Valor</strong></div></td>				</tr>								<tr>				  <td><div align="center"><a href="carrinho.php?action=del&id=1"><strong>X</strong></a></div></td>				  <td>Carregador de Pilha Sony 2500MAH</td>				  <td><div align="center">					<input  name="1" type="text" value="1" size="1" />					<input  name="submit" type="submit" value="ok" />				  </div></td>				  <td><div align="center">R$ 99,99</div></td>				</tr>								<tr>				  <td> </td>				  <td> </td>				  <td> </td>				  <td><div align="center"><strong>Total: R$ 99,99</strong></div></td>				</tr>			  </table>						 																			  <table width="100%" border="0" cellspacing="0" cellpadding="0">										<tr>										  <td height="20" bgcolor="#F0F0F0" class="style2"><span class="style2">Selecione uma das formas de envio disponíveis para:<strong> </strong><br />Peso Total: <strong>0.28 kg</strong></span></td>										</tr>																																								<tr>										  <td height="44" ><input name="frete" type="radio" value="encomenda_normal"  />										  											  <strong>Encomenda Normal- R$ R$ 15,35<br />											</strong>        Prazo: Capital de todo Brasil: 05 a 07 dias. Interior de Todo Brasil: 07 a 15 dias..</td>										</tr>																				  																														<tr>										  <td height="44" ><input name="frete" type="radio" value="sedex"   />											  <strong>Sedex - R$ R$ 28,50<br />											</strong>        Prazo: Capital de todo Brasil: 02 a 03 dias. Interior de Todo Brasil: 03 a 04 dias.</td>										</tr>																														 									  </table>		  																	</form>
Aqui o código completo

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title></title><style type="text/css"><!--@import url("css/dlemes.css");@import url("css/dp.css");--></style><script language="javascript" src="js/jquery.js"></script>					<script language="javascript" >		$(document).ready(function(){										$("input[@name=frete]").click(function(){			document.getElementById("cart").submit();			});		});		</script>			</head><body><div id="mensagem" class="desaparece"><img src="loading.gif" align="carregando">Carregando...</div><table width="770" border="0" align="center" cellpadding="0" cellspacing="0">  <tr>	<td height="30" align="right" background="imagens/topo_menu.jpg">	<a href="index.php" class="topo_menu">HOME</a>  -  <a href="#" class="topo_menu">Empresa</a> -  <a href="#" class="topo_menu">Contato</a> -  <a href="carrinho.php" class="topo_menu">Meu Carrinho </a> -  <a href="#" class="topo_menu">Login </a>  	</td>  </tr>  <tr>	<td><table width="100%" border="0" cellpadding="0" cellspacing="0">	  <tr>		<td width="19%" align="right"><img src="imagens/logo.jpg" alt="DP TECNOLOGIA" width="150" height="129" /></td>		<td width="81%" align="left"><img src="imagens/topo_esquerdo.jpg" alt="Tecnologia em informática" width="650" height="129" /></td>	  </tr>	</table></td>  </tr>  <tr>	<td height="31" background="imagens/barra_departamentos.gif" > </td>  </tr>  <tr>	<td class="linha"><img src="imagens/linha_topo.jpg" alt="DP TECNOLOGIA" width="800" height="5" /></td>  </tr></table><style type="text/css"><!--.style2 {font-size: 12px}--></style><table width="770" border="0" align="center" cellpadding="0" cellspacing="0">  <tr>	<td width="174" height="472" valign="top"><table width="172" border="0" cellspacing="0" cellpadding="0">  <tr>	<td align="right"><img src="imagens/buscanosite.jpg" alt="busca no site" width="150" height="32" /></td>  </tr>  <tr>	<td align="right"><form id="form1" name="form1" method="post" action="">	  <input name="textfield" type="text" class="menu" style="width:150px"  />	  <br />	  <select name="sessao" class="menu" style="width:157px" >	  		<option value="0">Todo o site</option>						   	<option  value="1 ">Cine & Foto </option>			 			 	<option  value="2 ">Eletrônicos </option>			 			 	<option  value="3 ">Informática </option>			 			 	<option  value="4 ">Notebook </option>			 			 	<option  value="5 ">Telefonia </option>			 			 	<option  value="6 ">Wireless </option>				   </select>  		  		<input type="image" name="imageField" src="imagens/buscar.jpg" />	</form></td>  </tr>  <tr>	<td align="right" bgcolor="#F2F2F2"><img src="imagens/departamentos.gif" alt="DEPARTAMENTOS" width="150" height="28" /></td>  </tr>  <tr>	<td bgcolor="#F2F2F2">    <dl>			<dt><a href="#">:: Cine & Foto</a></dt>		   <dd>			 <ul>			 							<li><a href="departamento.php?dep=1&cat=1">Câmeras Digitais</a></li>					  					<li><a href="departamento.php?dep=1&cat=2">Cartões de Memória</a></li>					  					<li><a href="departamento.php?dep=1&cat=3">Filmadoras</a></li>					  					<li><a href="departamento.php?dep=1">Saiba mais...</a></li>							  </ul>			</dd>			<dt><a href="#">:: Eletrônicos</a></dt>		   <dd>			 <ul>			 							<li><a href="departamento.php?dep=2&cat=4">Calculadoras</a></li>					  					<li><a href="departamento.php?dep=2&cat=5">DVD</a></li>					  					<li><a href="departamento.php?dep=2&cat=6">Games</a></li>					  					<li><a href="departamento.php?dep=2&cat=7">Gravador Digital</a></li>					  					<li><a href="departamento.php?dep=2">Saiba mais...</a></li>							  </ul>			</dd>			<dt><a href="#">:: Informática</a></dt>		   <dd>			 <ul>			 							<li><a href="departamento.php?dep=3&cat=13">Acessórios</a></li>					  					<li><a href="departamento.php?dep=3&cat=14">Câmeras Web-Cam</a></li>					  					<li><a href="departamento.php?dep=3&cat=15">Drivers e Gravadores</a></li>					  					<li><a href="departamento.php?dep=3&cat=16">Gabinetes/Kits</a></li>					  					<li><a href="departamento.php?dep=3">Saiba mais...</a></li>							  </ul>			</dd>			<dt><a href="#">:: Notebook</a></dt>		   <dd>			 <ul>			 							<li><a href="departamento.php?dep=4&cat=27">Acer</a></li>					  					<li><a href="departamento.php?dep=4&cat=28">Asus</a></li>					  					<li><a href="departamento.php?dep=4&cat=29">HP</a></li>					  					<li><a href="departamento.php?dep=4&cat=30">Sony</a></li>					  					<li><a href="departamento.php?dep=4">Saiba mais...</a></li>							  </ul>			</dd>			<dt><a href="#">:: Telefonia</a></dt>		   <dd>			 <ul>			 							<li><a href="departamento.php?dep=5&cat=32">Aparelho de Fax</a></li>					  					<li><a href="departamento.php?dep=5&cat=33">Celular GSM</a></li>					  					<li><a href="departamento.php?dep=5&cat=34">Rádio Comunicador</a></li>					  					<li><a href="departamento.php?dep=5&cat=35">Telefone Sem Fio</a></li>					  					<li><a href="departamento.php?dep=5">Saiba mais...</a></li>							  </ul>			</dd>			<dt><a href="#">:: Wireless</a></dt>		   <dd>			 <ul>			 							<li><a href="departamento.php?dep=6">Saiba mais...</a></li>							  </ul>			</dd>		   </dl> 	</td>  </tr>  <tr>	<td> </td>  </tr>  <tr>	<td align="right"><img src="imagens/newsletter.jpg" alt="newsletter" width="152" height="27" /></td>  </tr>  <tr>	<td bgcolor="#F2F2F2" class="menu"><div align="center">Digite seu e-mail para receber novidades<br />	  promoções da loja</div></td>  </tr>  <tr>	<td height="77" align="right" bgcolor="#F2F2F2" class="menu"><form id="form2" name="form2" method="post" action="">	  <input name="acao" type="radio" value="C" checked />	  <strong>Adicionar</strong>	  <input name="acao" type="radio" value="R" />	  <strong>Remover</strong> <br />	  <input name="email" type="text" id="email" /> 	  <input name="imageField2" type="image" src="imagens/bt_buscar.jpg" align="right" />	</form></td>  </tr>  <tr>	<td align="center" class="menu"><br />		<img src="imagens/sedex.gif" alt="SEDEX" width="83" height="27" /></td>  </tr></table></td>	<td width="600" valign="top"><table width="600" height="446" border="0" cellpadding="5" cellspacing="5" class="tah11">	  <tr>		<td width="600" valign="top">		   <fieldset>		   <form name="cart" id="cart" method="post" action="carrinho.php?action=upd">			  <table class="tah11" width="100%" border="0" cellspacing="5" cellpadding="5">				<tr>				  <td width="80"><div align="center"><strong>Remover</strong></div></td>				  <td width="187"><strong>Produto</strong></td>				  <td width="80"><div align="center"><strong>Quantidade</strong></div></td>				  <td width="187"><div align="center"><strong>Valor</strong></div></td>				</tr>								<tr>				  <td><div align="center"><a href="carrinho.php?action=del&id=1"><strong>X</strong></a></div></td>				  <td>Carregador de Pilha Sony 2500MAH</td>				  <td><div align="center">					<input  name="1" type="text" value="1" size="1" />					<input  name="submit" type="submit" value="ok" />				  </div></td>				  <td><div align="center">R$ 99,99</div></td>				</tr>								<tr>				  <td> </td>				  <td> </td>				  <td> </td>				  <td><div align="center"><strong>Total: R$ 99,99</strong></div></td>				</tr>			  </table>						 																			  <table width="100%" border="0" cellspacing="0" cellpadding="0">										<tr>										  <td height="20" bgcolor="#F0F0F0" class="style2"><span class="style2">Selecione uma das formas de envio disponíveis para:<strong> </strong><br />Peso Total: <strong>0.28 kg</strong></span></td>										</tr>																																								<tr>										  <td height="44" ><input name="frete" type="radio" value="encomenda_normal"  />										  											  <strong>Encomenda Normal- R$ R$ 15,35<br />											</strong>        Prazo: Capital de todo Brasil: 05 a 07 dias. Interior de Todo Brasil: 07 a 15 dias..</td>										</tr>																				  																														<tr>										  <td height="44" ><input name="frete" type="radio" value="sedex"   />											  <strong>Sedex - R$ R$ 28,50<br />											</strong>        Prazo: Capital de todo Brasil: 02 a 03 dias. Interior de Todo Brasil: 03 a 04 dias.</td>										</tr>																														 									  </table>		  																	</form>						  <form id="cep" name="cep" method="post" action="calcula_frete.php">			<table width="100%" border="0" cellpadding="0" cellspacing="4" bgcolor="#F0F0F0" >			  <tr>				<td width="50%" height="30" class="style3" ><div align="right"><font class="verdana size10 bold">Digite o CEP do local de entrega <br />				  para calcular o frete</font></div></td>				<td width="50%" class="style3" ><input name="cep" type="text" class="style5" id="cep" style="width: 45px; color:#333333" value="" maxlength="9" />					<input type="submit" name="Submit" value="ok">				          <a href="#" >Não sabe o CEP? </a></td>			  </tr>			</table>			</form><table width="100%" border="0" cellspacing="4" cellpadding="0">			  <tr>				<td height="1" colspan="4" bgcolor="#CCCCCC" class="style3"></td>			  </tr>			  <tr>				<td align="center" > Produtos: R$ 99,99<br /></td>				<td align="center"  > Frete: R$  <span id="valor_frete"></span>				 </td>				 <td align="center" ><span ><strong>Total da Compra : R$ 99,00				</strong></span></td>			  </tr>			  <tr>				<td height="1" colspan="4" bgcolor="#CCCCCC" class="style11"></td>			  </tr>			</table>			<input  type="button" name="GoBack" value="Continuar Comprando" onclick='window.location="index.php"' />			<input  type="button" name="Clear" value="Esvaziar Carrinho" onclick='window.location="carrinho.php?action=clr"' />				  </fieldset>		  		  						  </td>		   	  </tr>	</table>	</td>  </tr>  <tr>	<td colspan="2" align="center"><img src="imagens/aceitamos.jpg" alt="ACEITAMOS" width="597" height="50" /></td>  </tr>  <tr>	<td colspan="2"><img src="imagens/rodape.gif" alt="dp tecnologia" width="800" height="152"></td>  </tr></table></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

MadPatryk    0

MadPatryk
Postado

kra, acho que essa forma da jquery n deve funcionar pra setar o onclick de todas as options do radio/select/etc... acho que só deve funcionar com objetos nao-arrays... tipo input text, textarea, etc... n sei, n conheço o jquery...mas por palpite, eu diria que pra colocar em todos os options, você deve fazer a mesma coisa que você faz "na mao" (sem o jquery), vai ter que percorrer os options do teu radio e setar a cada um seu onclick...tenta isso...:)

Compartilhar este post

Link para o post
Compartilhar em outros sites

ze_violeiro    0

ze_violeiro
Postado

é mas ai não tem porque utilizar jquery, ja que objetivo é, alem de menos código, js não obstrutivo.e os outros forms da o submit menos nesse, não sei o que ta acontecendo.Valew

Compartilhar este post

Link para o post
Compartilhar em outros sites

MadPatryk    0

MadPatryk
Postado

hmm, mas os outros forms você tbm faz com um radio-box?desculpe minha ignorancia com o JQuery!:)

Compartilhar este post

Link para o post
Compartilhar em outros sites

MadPatryk    0

MadPatryk
Postado

kra o erro ta prq você colocou no nome do botao como "submit"...acho que na hora de renderizar, o IE interpreta como o metodo reservado "submit" do obj form...aposto que no firefox funciona rss mas troca o nome do teu botao q vai funcionar!e ah, outra coisa, o input type text, ta com um nome "1"... um inteiro... n sei se isso rola n... mas faz seus testes ai, depois comenta!:)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito