Jump to content
Biel.

change javascript

Recommended Posts

Direto ao ponto. Pessoal abaixo temos dois select . Gostaria que 
ao selecionar item_aaa mostrasse no segundo select o item_verde ou 
ao selecionar item_bbb mostrasse no segundo select o item_amarelo ou 
ao selecionar item_ccc mostrasse no segundo select o item_azul 

 

NOTA: Pessoal quero fazer este efeito com javascript, mas sem remover os itens do select HTML . Quero que o javascript ajude somente a fazer o efeito e não colocar os options value dentro do javascript .Obrigado por sua atenção amigo !

<select name="letras" required >
<option value=""></option>
<option value="item_aaa"> aaa</option>
<option value="item_bbb"> bbb</option>
<option value="item_ccc"> ccc</option>
</select>

<select name="cores" required >
<option value=""></option>
<option value="item_verde"> verde</option>
<option value="item_amarelo"> amarelo</option>
<option value="item_azul">azul</option>
</select>

 

Share this post


Link to post
Share on other sites

Segue código, abaixo:

 

CÓDIGO JS:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />

		<title> EXAMPLE </title>
	</head>

	<body>
		<select name="letras" required >
			<option value=""></option>
			<option value="item_aaa"> aaa</option>
			<option value="item_bbb"> bbb</option>
			<option value="item_ccc"> ccc</option>
		</select>

		<select name="cores" required >
			<option value=""></option>
			<option value="item_verde"> verde</option>
			<option value="item_amarelo"> amarelo</option>
			<option value="item_azul"> azul</option>
		</select>

		<script>
		// OBTEM ELEMENTO
		var letter = document.getElementsByName('letras')[0];
		// ATRELA FUNCAO COM EVENTO
		letter.addEventListener('change', setColor);

		// FUNCAO DISPARADA POR ONCHANGE
		function setColor ()
		{
			// OBTEM ELEMENTO
			var color = document.getElementsByName('cores')[0];

			// SETA COR
			color.selectedIndex = letter.selectedIndex;
		}
		</script>
	</body>
</html>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Biel.
      Olá Pessoal. Direto ao ponto. Pessoal gostaria que todas as imagens enviada não importando a extensão ficasse com extensão .jpg
      Ex: suponha que o colega enviou uma image com nome  aprendiz.bmp  ou  aprendiz.png  ou  aprendiz.gif  ou  aprendiz.tiff gostaria que quando upload fosse feito a imagem aparecesse dentro da pasta(UploadImagens/) com nome aprendiz.jpg
      Gostaria muito de resolver esta tarefa. obrigado !
      <?php if (isset($_POST["enviar"])){ $pasta1 = 'UploadImagens/'; $name_original_image_1 = $_FILES['a_image1']['name']; //echo "<h3>nome original da imagem </h3> " .$name_original_image_1; $tmp_name_1 = $_FILES['a_image1']['tmp_name']; // =================================== $explode1 = @end(explode('.',$name_original_image_1)); $extensao_enviada = $explode1; echo "<h3>você enviou a extensao ".$extensao_enviada.'</h3>'; // =================================== $new_name_image_1 = "NewName_".rand().'.'.$extensao_enviada; // =================================== // dimensão original da imagem list($width_original_1, $height_original_1) = getimagesize($tmp_name_1); // =================================== $x = 280; $y = 180; $new_dimension_image_1 = imagecreatetruecolor($x,$y); // =================================== $img_1 = imagecreatefromjpeg($tmp_name_1); // =================================== imagecopyresampled($new_dimension_image_1, $img_1, 0, 0, 0, 0, $x,$y, $width_original_1, $height_original_1); // =================================== $aaa = 55; $bbb = 55; // =================================== if($aaa == $bbb){ echo "<h2>UPLOAD REALIZADO COM SUCESSO</h2>"; imagejpeg($new_dimension_image_1,$pasta1.$new_name_image_1); } else{ echo "<h2>UPLOAD NAO FOI FEITO</h2>"; } // =================================== } ?> <div style="margin-left:20px;"> <form action="" method="post" enctype="multipart/form-data" > selecionar image<br> <input type="file" name="a_image1" required /> <input type="submit" name="enviar" value="Salvar" /> </form> </div>  
    • By Biel.
      Olá pessoal. Direto ao ponto. Pessoal suponha que agora é  22:15:27 e o site só tem uma página com nome index.php
      Gostaria que quando fosse por EX  23:11:36 a página index.php fosse atualizada intervenção do usuário. Como fazer isso com javascript? 
      Como não entendo nada de javascript não sei por onde começar, mas agradeço por qualquer sugestão ou dica. Obrigado !
    • By Biel.
      Olá pessoal . Direto ao ponto. Pessoal como faço para resolver a falta de extensão de imagem na biblioteca GD? Na web já existe dezenas de extensões que estão sendo usadas. Não sei como resolver este problema, mas pensei em duas possibilidades:
      1ª possibilidade: Se o colega enviar uma imagem com extensão que não está na regra if como resolver este problema?
      2ª possibilidade: Se o colega enviar uma imagem com extensão que não está na regra if como converter a extensão que foi enviada para (jpg)? e funcione tudo normalmente? Obrigado!
      <?php if (isset($_POST["enviar"])){ $pasta1 = 'uploadImagens/'; $name_original_image_1 = $_FILES['a_image1']['name']; $tmp_name_1 = $_FILES['a_image1']['tmp_name']; // =================================== $explode1 = @end(explode('.',$name_original_image_1)); $extensao_enviada = $explode1; echo "<h3>você enviou a extensao ".$extensao_enviada.'</h3>'; $new_name_image_1 = "NewName_".uniqid().'.'.$extensao_enviada; // =================================== //$extensao_permitida = array("png", "jpg", "jpeg", "gif"); //$comparar_dados = in_array($extensao_enviada,$extensao_permitida); // =================================== list($width, $hight) = getimagesize($tmp_name_1); $new_dimension_image_1 = imagecreatetruecolor(280,180); if($type == 'image/jpeg'){ $img = imagecreatefromjpeg($tmp_name_1); } //-------------------------------------- if($type == 'image/gif'){ $img = imagecreatefromjpeg($tmp_name_1); } //-------------------------------------- if($type == 'image/png'){ $img = imagecreatefromjpeg($tmp_name_1); } imagecopyresampled($new_name_image_1, $img, 0, 0, 0, 0, 280,180, $width, $hight); // =================================== $extensao = $extensao_enviada; if($extensao == 'png' || $extensao == 'jpg' || $extensao == 'gif'){ imagejpeg($new_dimension_image_1,$pasta1.$new_name_image_1); echo "<h2>opload realizado com sucesso</h2>"; } else{ echo "<h2>A extensão enviada não existe ou a biblioteca GD não dar suporte</h2>"; } // =================================== } ?> <div style="margin-left:20px;"> <form action="" method="post" enctype="multipart/form-data" > selecionar image<br> <input type="file" name="a_image1" required /> <input type="submit" name="enviar" value="Salvar" /> </form> </div>  
    • By Biel.
      Olá pessoal. direto ao ponto. Pessoal o código abaixo está funcionando normalmente, mas tem um problema. é o seguinte:
      Se $size_imagem <= 8MB , upload é feito.
      Se $size_imagem > 8MB , upload não é feito e aparece esta mensagem na tela: 
      Warning: POST Content-Length of 10601966 bytes exceeds the limit of 8388608 bytes in Unknown on line 0
      gostaria que a mensagem acima aparecesse dentro do elseif em forma de texto, tipo: upload NÃO DEU CERTO. a imagem que você enviou tem MAIS de 8 mega, envie uma imagem com menos de 8 mega bytes 
      Pessoal como o servidor é online não tenho controle dos limites que ELES estabelecem. Gostaria de saber como resolver o problema no elseif mesmo. Obrigado !
       
      <?php if (isset($_POST["enviar"])){ $pasta = "pasta_image"."/"; $tmp_imagem = $_FILES['upload']['tmp_name']; $name_imagem = $_FILES['upload']['name']; $size_imagem = $_FILES['upload']['size']; $error_imagem = $_FILES['upload']['error']; $tamanho_max_permitido = 8388608; // 1 mega byte = 1048576 | 8 mega bytes = 8388608 if($size_imagem <= $tamanho_max_permitido){ move_uploaded_file($tmp_imagem,$pasta.$name_imagem); echo "<h2> upload realizado com sucesso. </h2>"; } elseif($size_imagem > $tamanho_max_permitido){ echo "<h2> upload NÃO DEU CERTO. <br>a imagem que você enviou tem MAIS de 8 mega byte <br> envie uma imagem com MENOS de 8 </h2>"; } else{ echo "<h2> outro resultado </h2>"; } } ?> ...
      <form action="" method="post" enctype="multipart/form-data"> imagem <input type="file" name="upload" required /><br><br> <input type="submit" name="enviar" value="Salvar" /> </form>  
    • By Biel.
      Olá pessoal. Direto ao ponto. Pessoal estou tentando fazer multiplo upload de imagem com o código abaixo, respeitando claro o tamanho_max_permitido
      Ex: Gostaria que se o colega tentar cadastrar por EX três imagens de uma só vez, sendo que cada imagem tem 1MB cada, totalizando 3MB, (impedisse o cadastro), afinal o tamanho_max_permitido é 2MB . Como resolver isso pessoal? Obrigado ! 
      <?php $aprendiz = $_FILES['upload']['tmp_name']; for($i=0; $i<count($aprendiz); $i++){ // ---------------------------------------- $tmp_imagem = $_FILES['upload']['tmp_name']; $name_imagem = $_FILES['upload']['name']; // ---------------------------------------- $type_imagem = $_FILES['upload']['type']; $size_imagem = $_FILES['upload']['size']; // ---------------------------------------- $pasta = "pastaUpload"."/"; // ---------------------------------------- $explode1 = @end(explode('.',$name_imagem)); $name_imagem = uniqid()'.'.$explode1; // 1MB=1048576 2MB=2097152 3MB=3145728 4MB=4194304 5MB=5242880 $tamanho_max_permitido = 2097152; if(size_imagem <= $tamanho_max_permitido){ move_uploaded_file($tmp_imagem,$pasta.$name_imagem); echo "<h2> upload realizado com sucesso </h2>"; } else{ echo "<h2> upload não foi feito.Motivo:<br /> * A imagem que você enviou tem mais de 2MB ou <br /> * As imagens que você enviou, somadas dar mais de 2MB</h2>"; } } ?> ...
      <div style="margin-left:20px; white-space:pre;"> <form action="" method="post" enctype="multipart/form-data"> selecione <input type="file" name="upload[]" multiple required /> <input type="submit" name="" value="Salvar" /> </form> </div  
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.