Jump to content

Recommended Posts

@joicitias

 

Você precisa criar uma função JAVASCRIPT e depois adicionar um EVENTO no seu botão para pegar o valor do SELECT e COLOCAR o valor no TEXTBOX.

 

Vou te dar um exemplo:

 

COPIE O CÓDIGO INTEIRO PARA UM BLOCO DE NOTAS E SALVE COM "QUALQUERNOME" .HTML

<!DOCTYPE HTML>
<html>
    <head>
    <!-- Meta -->
        <meta name="author" content="Felipe Guedes Coutinho Hashimoto">
        <meta name="description" content="Adicionar Valor de um Select em uma TextArea">
        <meta name="keywords" content="Adicionar Valor Select TextArea">
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <style> 
            textarea {
                text-align: justify;
                width: 100%;
                height: 500px;
                padding: 12px 20px;
                box-sizing: border-box;
                border: 2px solid #ccc;
                border-radius: 4px;
                background-color: #3366CC;
                color: #97B0E6;
                font-size: 16px;
                resize: none;
            }
        </style>
        <script type="text/javascript">
		function selectToTextarea() {
            if (document.getElementById("select").value != "") {
                document.getElementById("password").value =  document.getElementById("password").value + document.getElementById("select").value + "\n";
			}
        }
		</script>

    <body>
        <form action="#" method="get">
            Categoria:
            <select name="select" id="select">
			    <option value="" selected>Select</option>
			    <option value="Junior">Junior</option>
			    <option value="Pleno">Pleno</option>
			    <option value="Sênior">Sênior</option>
            </select>
			<input type="button" onClick="selectToTextarea()" value="Add" >
			<br />
		    <textarea id="password" name="password" readonly required ></textarea>
        </form>
    </body>
</html>

 

Espero ter ajudado.

 

Att.

Felipe Coutinho

Share this post


Link to post
Share on other sites
23 horas atrás, Felipe Guedes Coutinho disse:

@joicitias

 

Você precisa criar uma função JAVASCRIPT e depois adicionar um EVENTO no seu botão para pegar o valor do SELECT e COLOCAR o valor no TEXTBOX.

 

Vou te dar um exemplo:

 

COPIE O CÓDIGO INTEIRO PARA UM BLOCO DE NOTAS E SALVE COM "QUALQUERNOME" .HTML


<!DOCTYPE HTML>
<html>
    <head>
    <!-- Meta -->
        <meta name="author" content="Felipe Guedes Coutinho Hashimoto">
        <meta name="description" content="Adicionar Valor de um Select em uma TextArea">
        <meta name="keywords" content="Adicionar Valor Select TextArea">
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <style> 
            textarea {
                text-align: justify;
                width: 100%;
                height: 500px;
                padding: 12px 20px;
                box-sizing: border-box;
                border: 2px solid #ccc;
                border-radius: 4px;
                background-color: #3366CC;
                color: #97B0E6;
                font-size: 16px;
                resize: none;
            }
        </style>
        <script type="text/javascript">
		function selectToTextarea() {
            if (document.getElementById("select").value != "") {
                document.getElementById("password").value =  document.getElementById("password").value + document.getElementById("select").value + "\n";
			}
        }
		</script>

    <body>
        <form action="#" method="get">
            Categoria:
            <select name="select" id="select">
			    <option value="" selected>Select</option>
			    <option value="Junior">Junior</option>
			    <option value="Pleno">Pleno</option>
			    <option value="Sênior">Sênior</option>
            </select>
			<input type="button" onClick="selectToTextarea()" value="Add" >
			<br />
		    <textarea id="password" name="password" readonly required ></textarea>
        </form>
    </body>
</html>

 

Espero ter ajudado.

 

Att.

Felipe Coutinho

Obrigada!

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 renan mafra
      Olá pesssoal,

      Sou novato em JS.
      Eu tenho 6 links, que são imagens que quero substituir, uma pela outra.
      Eu sei que poderia fazer isso facilmente via CSS, mas para treinar quero fazer da seguinte forma:

      Minha ideia seria pegar o src das imagens e alterar mudando o nome da imagem, tipo assim:
      Tenho imagens que são os links nomeados assim:    carro.png / carro-B.png (uma imagem(link) é branca e a outra é amarela).

      Como faço para alterar a imagem trocando uma pela outra nesse esquema ?
      <a href="#"><img src="links/carro.png" name="menu0" width="90" height="13" border="0"/></a>
      e trocar para
      <a href="#"><img src="links/carro-B.png" name="menu0" width="90" height="13" border="0"/></a>
       
      Como são 6 imagens eu estou pegando via getElementsByTagName e depois fazer uma função que automatize para todas as outras.....
      Tirando o CSS HOVER via Javascript, essa seria a melhor maneira de automatizar essa troca ?

      vai lá o código:
       
      <html> <head> <style> body{background-color: #000000;} </style> <script> window.onload = function(){ var menu0 = document.getElementsByName("menu0"); var imagem = menu0[0].src; ////////////////////////////////////////////// //bloco que vai varrer cada item: //////////// //for(var i=0; i<menu0.length; i++){ // alert(menu0[i].src); //} ////////////////////////////////////////////// } </script> </head> <body> <a href="#"><img src="links/carro.png" name="menu0" width="90" height="13" border="0"/></a>&nbsp;&nbsp;&nbsp; <a href="#"><img src="links/livro.png" name="menu0" width="86" height="13" border="0"/></a>&nbsp;&nbsp;&nbsp; <a href="#"><img src="links/aviao.png" name="menu0" width="109" height="13" border="0"/></a>&nbsp;&nbsp;&nbsp; <a href="#"><img src="links/motos.png" name="menu0" width="108" height="13" border="0"/></a>&nbsp;&nbsp;&nbsp; <a href="#"><img src="links/bicicleta.png" name="menu0" width="114" height="13" border="0"/></a>&nbsp;&nbsp;&nbsp; <a href="#"><img src="links/onibus.png" name="menu0" width="114" height="13" border="0"/></a> </body> </html> a imagem carro.png tem o seu respectivo carro-B.png
                        aviao.png                                        aviao-B.png
       
      E assim por diante.... Essa é uma boa maneira de fazer isso via JS ?? ou tem melhores ?
       
    • By Thiago Gomes Carlos
      Construir um algoritmo usando o Visual Studio Code, utilizando somente o for
       
      Fulano tem 1,50 metro e cresce 2 centímetros por ano, enquanto Ciclano tem 1,10 metro e cresce 3 centímetros por ano. Construa um algoritmo que calcule e imprima quantos anos serão necessários para que Ciclano seja maior que Fulano.
    • By Airton Gallego Neto
      OI sou airton, estou fazendo um projeto no bootstrap com banco de dados e queria saber o que é esse erro e como que eu faço pra resolver
       
      na tela de atualização de meu site aparece isso
      Notice: Undefined index: prod_desc in C:\xampp\htdocs\vendas\produto\insert.php on line 4

      Notice: Undefined index: prod_pre in C:\xampp\htdocs\vendas\produto\insert.php on line 5
      ERRO: Column count doesn't match value count at row 1
       sendo que meu codigo esta assim
       
      no insert:
      <?php     require '../conecta.php';       $descricao = $_POST['prod_desc'];     $valor = $_POST['prod_pre'];       $sql = "INSERT INTO produtos(prod_pre)             VALUES ($valor)";          //mysqli_query($link,$sql) or die("Falha ao inserir Produto");     mysqli_query($link,$sql);       echo "ERRO: " . mysqli_error($link);  
       
      e no update esta assim
      <?php     require '../conecta.php';          $descricao = $_POST['descricao'];     $valor = $_POST['valor_unitario'];     $id = $_POST['id_produto'];       $sql = "UPDATE produto             SET descricao = '$descricao',                 valor_unitario = $valor             WHERE id_produto = $id";     mysqli_query($link,$sql) or die("Falha ao editar Produto");       header('Location: index.php');  
       
       
       
       
       
       
       
          //header('Location: index.php');
    • By renan mafra
      Olá pessoal,

      Eu tenho uma página .html e um DIV principal que chamei de conteiner eu tenho mais outras DIVS dentro dessa DIV principal,
      eu gostaria que na medida que as DIVs internas fossem preenchidas a div principal container se expandisse automaticamente
      na vertical.
      Eu quero fazer aquele esquema em que ao clicar em um dos 5 links  ele se abra (se expanda) o código base já tenho mas não sei
      como a div que engloba tudo "cresça" para baixo na medida que for sendo clicado e abrindo as outras DIVS, estou no desenvolvimento
      ainda mais quando boto height: auto; a div container se contrai em vez de acompanhar o resto, como faço isso no CSS ?
       
      Segue o esqueleto do código:
       
      <html> <head> <style> .container{ width: 850px; min-height: 513px; margin-left: 5%; margin-top: 5%; background-color: #DCDCDC; border-radius: 0.7em 0.7em; } .......... ........ ......... ........ </style> </head> <body> <div class="container"> <div class="filho"> <div class="topo"></div> </div> <div class="titulo"></div> <div class="caixa"> <div class="preco"></div> <div class="linha"></div> <div class="escondido"></div> <div class="balao_cinza"></div> </div> </div> </body> </html>  
    • By granderodeo
      Olá tenho a página index.php e tenho a página product.php, ao clicar no produto na página inicial, quero que redirecione para página product.php mostrando os dados do determinado produto que cliquei, iniciei o código mais não está dando certo, Obrigado.
       
      index.php
      <?php if (is_array($products)) { foreach ($products as $id => $row) { ?> <div class="col-sm-6 col-md-4 col-lg-3 mb-2"> <div class="card-deck"> <div class="card p-2 border-secondary mb-2"> <a href="product.php?id=<?= $row['product_id'] ?>"> <div class="hover-image"> <img class="card-img-top border-secondary" src="images/<?= $row['product_image'] ?>"/> <a href="#"><span class="texto"></span></a> </div> </a> <h3 class="text-center"><?= $row['product_name'] ?></h3> <div class="text-center text-black rounded p-1" style="font-size: 20px;">Valor&nbsp;$<?= $row['product_price'] ?></div> <button class="btn btn-success btn-block" type="button" value="Add to cart" onclick="cart.add(<?= $row['product_id'] ?>);">Adicionar ao carrinho</button> </div> </div> </div> <?php } } else { echo "No products found."; } ?>  
      product.php
      <?php $products = $_GET["product_id"]; if (is_array($products)) { foreach ($products as $id => $row) { }}; $row['product_name'] ?>  
×

Important Information

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