Ir para conteúdo
Entre para seguir isso  
asacap1000

Formulario com multiselect - com automultiselect no momento do submit

Recommended Posts

Galera estou com uma zica e não consigo resolver. Preciso da ajuda de vocês.

 

Tenho um formulário de Ordem de Coleta, e existe um campo que carrega as informações vinda do Banco de dados referente aos documentos disponíveis. Até aí blz.

 

Para ele criar esta ordem de coleta ele pode escolher quais documentos ele irá retirar, sendo assim estou utilizando duas janelas a primeira carrega os numeros dos documentos e ao clicar no documento ele é enviado para outra janela.

 

Segue a parte do script.

<table width="600" height="190" border=0 align=left cellpadding="0" cellspacing="0" valign=center bordercolor="#ffffff">
  <tr> <label><strong>DOCUMENTOS LIBERADOS    -    CASO NÃO ENCONTRE NA LISTA ABAIXO <b style="color:#0049F4"><a href="javascript:abrir('statusdoc.php');"> -> CLIQUE AQUI <-  </a></b><P> CLIQUE NOS DOCUMENTOS PARA ADICIONAR À ORDEM</strong></label><br/><hr>

    <td width="280"><div align="center"class="easyui-datagrid" id="dg" style="width:300px"
			title="Documentos Disponíveis" url="apontador1_getdata.php"></div><strong>Documentos Disponíveis</strong></td>
    <td width="130"></td>
    <td width="280"><div align="center"class="easyui-datagrid" id="dg" style="width:300px"
			title="Documentos Selecionados" url="apontador1_getdata.php"></div><strong>Documentos Adicionados à Ordem</strong></td>
  </tr>
  <tr>
    <td height="168"><script type="text/javascript">

var from_array = new Array('<?php ociexecute($stmu);
while (($row = oci_fetch_array($stmu, OCI_BOTH)) != false) { echo "".oci_result($stmu,1) .";  ','<strong></strong><hgroup>"; }?>');  // neste campo é gerado a lista de documentos liberados
var to_array = new Array(); // neste campo recebe os documentos selecionados

function moveoutid()
{
	var sda = document.getElementById('xxx');
	var len = sda.length;
	var sda1 = document.getElementById('tb_doc');
	for(var j=0; j<len; j++)
	{
		if(sda[j].selected)
		{
			var tmp = sda.options[j].text;
			var tmp1 = sda.options[j].value;
			sda.remove(j);
			j--;
			var y=document.createElement('option');
			y.text=tmp;
			try
			{sda1.add(y,null);
			}
			catch(ex)
			{
			sda1.add(y);
			}
		}
	}
}

function moveinid()
{
	var sda = document.getElementById('xxx');
	var sda1 = document.getElementById('tb_doc');
	var len = sda1.length;
	for(var j=0; j<len; j++)
	{
		if(sda1[j].selected)
		{
			var tmp = sda1.options[j].text;
			var tmp1 = sda1.options[j].value;
			sda1.remove(j);
			j--;
			var y=document.createElement('option');
			y.text=tmp;
			try
			{
			sda.add(y,null);}
			catch(ex){
			sda.add(y);	
			}

		}
	}	
}
function selectAll(){
                
                var selecionados = document.getElementById('tb_doc');
                
                for(i=0; i<=selecionados.length-1; i++){
                
                        selecionados.options[i].selected = true;
                
                }
        }

</script>
<script type="text/javascript">
for(var j=0;j<to_array.length;j++)
{
	document.write['<value>'+to_array[j]+'</value>'];
	el.options[i].selected = true;
}
  </script>
      <select name="xxx" onClick=moveoutid() size=15 multiple id=xxx style="width:280" draggable="true">
        <script type="text/javascript">

for(var i=0;i<from_array.length;i++)
{
	document.write('<option>'+from_array[i]+'</option>');
}
        </script>
      </select></td>
    <td><p align="center">
      <input type=button hidden="1" value="Selecionar" onClick=moveoutid()>
    </p>
      <p align="center">
      <img src="setaverde.png" width="180" height="79" alt=""/>
        <input type=button  hidden="1" value="Retirar" onClick=moveinid()>
      </p></td>
    <td>    
    <select name="tb_doc[]"  spellcheck="true" onClick=moveinid() id="tb_doc" multiple="multiple" size=15 style="width:280 ;text-transform: uppercase; color:#C00000; font-weight:bold" cols="50" rows="17">
        </select>

Vamos ao problema, se eu coloco um required no <select name "tb_doc[]"> obrigatóriamente tenho que selecionar todos os documentos para poder enviar todos que escolhi senão ele só vai o selecionado. Se eu não colocar o required o cliente pode esquecer de selecionar o documento e criar a ordem sem o documento.

 

Como eu poderia fazer esta validação e ao mesmo tempo capturar todos os documentos selecionados sem mudar de página.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Entre para seguir isso  

  • Conteúdo Similar

    • Por VCastilho
      Bom Dia

      Desenvolvi um filtro HTML e estou com dificuldades em criar o JavaScript para o funcionamento do mesmo, poderiam em ajudar a criar esse JS?
      Segue o código:
       
      <div id = "filtro"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style disabled> #filtro { border-style:double; } #button1 { width: 120px; position: inherit; right: 10px; background-color: #e00505; font-size: 12px; FLOAT: right } h4 { font-size: 18px; border-style: inset; } select { border: 1px solid #000; box-sizing: border-box; width: 124px; border-radius: 5px; height: 25px; padding: 3px; } section label { width: calc(100% / 4); color: red; text-align: center; } section { display: flex; flex-wrap: wrap; } h4/ { border-style:double; } @media screen and (max-width:768px) { section label { margin-bottom: 20px; width: 100%; } } </style> <h4 style="text-align: center;">Personalize o seu Kit de Segurança</h4><br><br> <form action="#" id="form"> <section> <label> <b> Tipo do seu Kit </b><br> <select name="speed" id="speed" style=" "> <option desable>Selecione</option> <option>Residencial</option> <option>Comercial</option> </select> </label> <label> <b>Qualidade de Seu Kit</b><br> <select name="files" id="files" style=" "> <option desable> Selecione </option> <option value="HD">HD</option> <option value="Full HD">Full HD</option> <option value="Analógica">Analógica</option> </select> </label> <label> <b> Quantidade de Câmeras </b><br> <select name="number" id="number" style=" "> <option desable> Selecione </option> <option>1 Câmera</option> <option>2 Câmeras</option> <option>3 Câmeras</option> <option>4 Câmeras</option> <option>5 Câmeras</option> <option>6 Câmeras</option> <option>7 Câmeras</option> <option>8 Câmeras</option> <option>9 Câmeras</option> <option>10 Câmeras</option> <option>11 Câmeras</option> <option>12 Câmeras</option> <option>13 Câmeras</option> <option>14 Câmeras</option> <option>15 Câmeras</option> <option>16 Câmeras</option> </select> </label> <label> <b> Selecione a Marca </b><br> <select name="salutation" id="salutation"> <option desable selected>Selecione</option> <option>Intelbras</option> <option>Hikvision</option> <option>Outras</option> </select> </label> </section> <BR> <BR> </form> </div> <br> <br> <button class="kd-filter-button" id="button1">Ver resultados</button> Seria bom, se possível o botão funcionar fora da tag "form" pois para personalizar fica melhor

       
    • Por MateusOFCZ
      Olá, estou desenvolvendo um BOT utilizando java, javascript e node.js, gostaria de saber se tem como eu fazer um painel em java (arquivo executável) onde tem um campo de texto (Que é digitado um tema, exemplo "Brasil"), uma lista com 3 itens (Quem é, O que é e A história do(a), você iria selecionar, por exemplo no campo de texto você digitou "Brasil" e na lista você selecionaria "A história do(a)"...) como faço pra quando clicar no botão "Enviar" ele iria executar um comando em node.js adicionando as informações (Tema e Opção).

       


      Caso não tenha entendido posso tentar explicar de uma forma mais clara!
    • Por MateusOFCZ
      Olá, estou criando um bot em node.js no VS Code, gostaria de saber se tem como fazer um painel para executar os comandos dele.
      Vamos supor que o BOT é para fazer uma pesquisa, e teria um painel em JAVA onde teria um campo para enviar mensagem, eu digitaria o tema da pesquisa, por exemplo Terra, e o BOT iria pesquisar e me retornar um texto sobre o tema digitado.

      Já procurei no github, porém não achei nada que eu poderia usar como base, o que eu quero saber é se tem como ligar o node.js com o java, ou seja, fazer com que o java execute o comando no terminal e depois retorna a resposta.
    • Por MaykeRibeiro
      Pessoas, boa tarde!
      Meu primeiro tópico no fórum <3
       
      Estou com um probleminha e vou resumir para vocês. 
      Eu tenho um site Ex: www.google.com que direciona para um sistema java rodando em um tomcat em um servidor local com ip externo e porta ex: 177.158.158.14:8080
      Quando os usuários entram no site eu direciono para o servidor, o problema é que no navegador a url muda para p IP:Porta do meu servidor e eu gostaria que ficasse com o nome do site. 
      Alguma dica ?

       
    • Por Felipe_N22
      Estou rodando um projeto no netbeans em Java Web, mas quando eu compilo ele só atualiza as alterações que eu faço no index, as demais alterações ele ignora.
       
      Qual seria o problema ?
×

Informação importante

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