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

(Resolvido) Formulário (caixa de opções)


lokaum

Pergunta

Olá boa tarde a todos!, eu na verdade não sei muito bem como exatamente procurar o que quero!

Uma caixa de opções igual a de categorias do Scriptbrasil para que possa colocar algumas postagens nela! no wordpress tem essa opção mais eu gostaria de fazer algumas com os pricipais links das categorias.

Como devo procurar?, alguém poderia me passa por favor, um bem simples, mais que não seja na verdade pesquisa, quero colocar os links ai seleciona;

para facilitar a navegação e o usuário não ficar apanhando para achar algo que deseja.

exemplo:

series:

abriria as opções:

serie1

serie2

serie3

ao selecionar a serie três, vai diretamente na serie três entende?

Obrigado desde já!

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0

<form name="selecaodeseries">
Séries:<select name="series">
<option selected>Escolha uma Série
<option>Série 1
<option>Série 2
<option>Série 3
</select>
</form>

tá sem acao nem nada...mas é isso ai cara... :D...

isso é facin...

Link para o comentário
Compartilhar em outros sites

  • 0

Bom, se é isso que o Betin falou, esse objeto chama-se combo box, complementando o que Betin fez, e explicando a sintaxe

Esse objeto faz parte de um formulário, por isso se encontra dentro da tag form, o nome da tag deste objeto é select. Os objetos do HTML possuem ainda, eventos, os quais quando ocorrerem, é executado algo. No seu caso, você pode chamar a outra página de duas maneiras. Vale ressaltar que ambas, terão que usar o javascript, uma linguagem de programação que manipula a página que se encontra no navegador. São elas:

- colocando um botão para o usuário clicar, e este chamará uma função, passando como parâmetro o que se encontra selecionado na combo;

- colocar no evento onchange (ao trocar, neste caso, de opção), e chamar a mesma função.

Você entende de programação, ou só de design?

A função é assim

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
function redirectTo(url){
    if(url)
        window.self.location.href = url
}
</script>
</head>
Chamando n o HTML
<form>
<select onchange="redirectTo(this.value)" name="cbTest" id="cbTest">
<option />
<option value="http://www.google.com.br" />Google
<option value="https://www.scriptbrasil.com.br/forum" />Fórum Script Brasil
</select>
</form>

Cuidados com os padrões especificados pela W3C.

Editado por Rafael Laurindo
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.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...