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 Flameisnot
      Então, estou com uma dúvida, eu coloquei um a HREF=“#” dentro de um button para redirecionar para outra página .html, porém ele só redireciona se clickar no texto do a, se eu clickar no corpo do button ele não redireciona, e se eu colocar o a por fora da tag do button, ele simplesmente não funciona, já vi um método através do js usando o window.locate porém ele só redireciona para um url já hospedado na internet, não consigo colocar ele para puxar um .html off, alguém poderia me ajudar?
    • By Robson Barros da Rocha
      Boa noite.
       
      Estou com problemas para exibir dados pelo .JSON :( No banco de dados, tenho 3 rows (três resultados), mas, ele mostra somente um. Alguém poderia me dizer o que posso ter errado?
       
      O JSON retornado é:
      [ { "id": 7, "linha": "TESTE", "chegada": "18:45:00", "saida": "19:05:00", "tempoTabela": "0:20", "tempoParada": "TESTE", "previsao": "TESTE", "status": "<span data-viagem=\"1\" class=\"label label-warning\"><i class=\"fa fa-clock\" title=\"Pendente\"></i> Pendente</span>" }, { "id": 8, "linha": "TESTE", "chegada": "18:45:00", "saida": "19:05:00", "tempoTabela": "0:20", "tempoParada": "TESTE", "previsao": "TESTE", "status": "<span data-viagem=\"1\" class=\"label label-warning\"><i class=\"fa fa-clock\" title=\"Pendente\"></i> Pendente</span>" } ] O scrip:
      $.ajax({ type: "GET", url: web +"include/ajax.php", timeout: 3000, datatype: 'JSON', contentType: "application/json; charset=utf-8", cache: false, beforeSend: function() { $('#loading').show(); }, error: function() { $('#loading').hide(); }, success: function(s) { var tr = s; $.each(tr,function(i, data){ if(data.emptyDay) { var item = '<tr><td colspan="10" align="center"><i class="fa fa-times text-danger"></i> <b>'+ data.emptyDay +'</b></td></tr>'; } else { var item = '<tr tr-id="'+ data.id +'"><td>#'+ data.id +'</td><td>'+ data.linha +'</td><td class="center">'+ data.chegada +'</td><td class="center">'+ data.saida +'</td><td class="center">'+ data.tempoTabela +'</td><td class="center">'+ data.tempoParada +'</td><td class="center">'+ data.previsao +'</td><td class="center">'+ data.status +'</td><td><i class="fa fa-pencil text-info" onclick="edit('+ data.id +')" style="cursor:pointer;"></i> | <i class="fa fa-times text-danger" onclick="deletes('+ data.id +')" style="cursor:pointer;"></i></td></tr>'; } $("#trHorarios").html(item); finalizar_viagem(data.id); NProgress.done(); }); } });  
    • By henriquers
      Bom Dia,
       
      Estou fazendo um sistema para armazenar documento e tenho algumas tabelas de consulta onde a mesma aparece algumas informações necessarias como ID , Nome etc
      e estou tentando Ocultar a coluna que esta o ID para que o usuario não consiga ver,estou utilizando o seguinte codigo para ocultar a coluna.
      <script> $("#tabela_cons").ready(function () { $('td:nth-child(1),th:nth-child(1)').hide(); }); </script>  
      A coluna fica oculta certinho do modo que eu quero, mas esse código esta afetando as outras tabelas que eu tenho na pagina também, e não sei como ocultar apenas na tabela que eu desejo que seja oculta no caso a tabela com ID = tabela_cons;
    • By Kelven
      Bom dia pessoal, estou tendo um problema com uma requisição que estou tentando fazer em javascript (tem que ser em javascript pq a página q faz a requisição é html) de um arquivo em php que está em um servidor php, porém aparece esse erro:
       
      "Access to XMLHttpRequest at 'http://nomedosite.com.br/teste/contador.php' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource."
       
      Pesquisei no google e até agora nada, como posso resolver o problema do CORS não permitir fazer requisições GET/POST no servidor??
×

Important Information

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