Ir para conteúdo
Fórum Script Brasil
  • 0

Link Campo Select

misterviralata

Perguntado por misterviralata,

 Share

Pergunta

misterviralata

misterviralata

Postado
Postado

Ola Amigos!

Desta maneira funciona certinho ao clicar em uma opção a pagina é redirecionada:

<select name="sel" onchange="location.href = this.value;">

<option value=busca.php>teste1</option>

<option value=index.php>teste2</option>

</select>

Como faço para colocar mais opção sem link?

exemplo apenas a ultima opção com link, as demais opção com valor normal, do jeito que ta quando escolho a primeira ou a segunda opção a pagina também é redirecionada.

<form action="consulta.php" method="POST">

<select name="sel" onchange="location.href = this.value;">

<option value=1>Branco</option>

<option value=2>Preto</option>

<option value=insere_cor.php>Adicionar cor</option>

</select>

</form>

Obrigado !

Link para o comentário
Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

  • 0
misterviralata

misterviralata

Postado
  • Autor
Postado

ola babaloricha!

Sim já experimentei não colocar o value ou colocar value =# e não funcionou!

O problema é que preciso do valor que o usuario escolheu.

Preciso que o usuario escolha uma cor, caso não tenha a cor na lista o usuario clica na ultima opção para abrir uma nova pagina para inserir a cor desejada!

Link para o comentário
Compartilhar em outros sites
  • 0
babaloricha

babaloricha

Postado
Postado

da uma olhada nisso pega os valores "branco preto etc"

sem atribuir o value pega o que ta escrito

<!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>Untitled Document</title>
<script language="javascript">
function pegaValor(){
    var exme="";
    selec=document.getElementById("selec");
    for(var i=0;i<selec.childNodes.length;i++){
        if(selec.childNodes[i].nodeType != 3){
            document.writeln(selec.childNodes[i]+":"+selec.childNodes[i].textContent+"<br>");
        }
    }
}
</script>
</head>

<body>
<select name="sel" onchange="location.href = this.value;" id="selec">
<option value=1>Branco</option>
<option value=2>Preto</option>
<option value=insere_cor.php>Adicionar cor</option>
</select>
<input type="button" onclick="pegaValor();" value="pega" />
</body>
</html>

não sei se isso ajuda pra que você vai usar o valor?

Link para o comentário
Compartilhar em outros sites
  • 0
misterviralata

misterviralata

Postado
  • Autor
Postado

Obrigado babaloricha, mas não funcionou!

o valor que o usuario selecionar vai ser enviado para um banco de dados, juntamente com as outras informações no formulario.

Estou pensando em criar uma layer com scrol vertical e dentro desta layer exibir as opções (cores) com um checkbox na frente da opção. Da certo só que é cambiara!

<div style=" width:200px; height:35px; overflow-x: hidden; overflow-y: scroll;border-style: solid; border-color:#ff0000; border-width:1px;">
<input type="radio" name="radio" value="branco">BRANCO<br>
<input type="radio" name="radio" value="preto">PRETO<br>
<input type="radio" name="radio" value="azul">AZUL<br>

<a href="index.php" target="centro"><font size="2" color="Red">ADICIONAR NOVA COR</font></a>
</div>

Agora como faço para direcionar o link para dentro desta mesma layer (div)

Link para o comentário
Compartilhar em outros sites
  • 0
misterviralata

misterviralata

Postado
  • Autor
Postado (editado)

Ola fercosmig!

com o iframe do link é redirecionado dentro da layer , porem quando o usuario escolhe uma opção e clicar no botão submit o valor da escolha não é enviado

Opaaaaaaa!

Quase consegui fazer o que queria...

No EI funcionou certinho no FF ta com problema no CSS, na id="layer" se posionar a camada com margin-top: com 38px ou menos que 38px funciona certinho. Se posicionar com 40px (pra ficar exatamente em cima da outra) no FF não da pra clicar no campo!

Falta isso pra terminar mas não tenho ideia de como concertar isso no FF.

Obrigado amigos!

segue o codigo abaixo:

<html>
<body>
<form action="" method="POST">

<div style="width:200px; height:25px; margin-left: 0px; margin-top: 10px; z-index: 1; visibility: visibility; position: absolute; border-style: solid; border-color:#ff0000; border-width:0px;">
Nome:<input type="text" name="nome" >
</div>

<div id="layer" style="width:205px; height:42px; position: absolute; z-index: 3; margin-left: 0px; margin-top: 40px; background-color:#ffffff; border-style: solid; border-color:#ff0000; border-width:0px; display:none;">
Cor    <input type="text" name="radio">
</div>

<div style="width:200px; height:35px; margin-left: 0px; margin-top: 40px; z-index: 1; visibility: visibility; position: absolute; overflow-x: hidden; overflow-y: scroll;border-style: solid; border-color:#ff0000; border-width:1px;">
<input type="radio" name="radio" value="branco">BRANCO<br>
<input type="radio" name="radio" value="preto">PRETO<br>
<input type="radio" name="radio" value="azul">AZUL<br>
<a href="#" onclick="document.getElementById('layer').style.display='block'"><font size="2" color="Red">ADICIONAR NOVA COR</font></a>
</div>

<div style="width:200px; height:35px; margin-left: 0px; margin-top: 90px; z-index: 1; visibility: visibility; position: absolute; border-style: solid; border-color:#ff0000; border-width:0px;">
<input name="submit" type="submit" value="Enviar">
</div>

</form>
</body>
</html>
<?php
if($_POST['submit'] == "Enviar"){
    
if($_POST['nome'] != ""){$nome=$_POST['nome'];}
else{$nome="POR FAVOR PREENCHA CAMPOS NOME!";}

if($_POST['radio'] != ""){$opcao=$_POST['radio'];}
else{$opcao="POR FAVOR ESCOLHA UMA COR!";}

echo '<div style="width:450px; height:35px; margin-left: 0px; margin-top: 190px; z-index: 1; visibility: visibility; position: absolute; border-style: solid; border-color:#ff0000; border-width:0px;">';
echo 'nome enviado= '.$nome.'<br>';
echo 'cor enviada= '.$opcao.'<br></div>';
}
?>

Editado por misterviralata
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,6k
×
×
  • Criar Novo...