Jump to content
Fórum Script Brasil
  • 0

Link Campo Select


misterviralata
 Share

Question

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 to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

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 to comment
Share on other sites

  • 0

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 to comment
Share on other sites

  • 0

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 to comment
Share on other sites

  • 0

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>';
}
?>

Edited by misterviralata
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      150.2k
    • Total Posts
      647.4k
×
×
  • Create New...