MENU DROPDOWN

ATSILVA 05/12/2014 12:30:42
#443014
No site http://globocom.github.io/bootstrap/components.html consegui o codigo abaixo para fazer o botão com menu dropdown com Bootstrap.
Porem ao clicar no item ele direciona para um pagina que eu desejar mas eu queria é selecionar o item no menu e que ele ficasse selecionado para quando o usuário informasse o termo da pesquisa e clicasse sobre o botão PESQUISAR o sistema le no dropdown o que ele selecionou e faz a busca.
Alguem sabe como fazer?

<div class=[Ô]container body-content[Ô]>
<div class=[Ô]btn-group[Ô]>
<button type=[Ô]button[Ô] class=[Ô]btn btn-warning[Ô]>TODO O SITE</button>
<button type=[Ô]button[Ô] class=[Ô]btn btn-warning dropdown-toggle[Ô] data-toggle=[Ô]dropdown[Ô] aria-expanded=[Ô]false[Ô]>
<span class=[Ô]caret[Ô]></span>
<span class=[Ô]sr-only[Ô]>Toggle Dropdown</span>
</button>
<ul class=[Ô]dropdown-menu[Ô] role=[Ô]menu[Ô]>
<li><a href=[Ô]#[Ô]>LIVRO</a></li>
<li><a href=[Ô]#[Ô]>REVISTA</a></li>
<li><a href=[Ô]#[Ô]>GIBI</a></li>
<li><a href=[Ô]#[Ô]>CD</a></li>
<li><a href=[Ô]#[Ô]>DVD</a></li>
<li><a href=[Ô]#[Ô]>DISCO DE VINIL</a></li>
<li class=[Ô]divider[Ô]></li>
<li><a href=[Ô]#[Ô]>TODO O SITE</a></li>
</ul>
</div>
LENDAURBANA 08/12/2014 15:48:07
#443063 Resposta escolhida
busca pelo evento change ou onclick deste componente , você pode guardar o selecionado pelo onclick e depois no momento de pressionar o botao você usa o que guardou
ATSILVA 08/12/2014 19:53:02
#443070
O problema é que o item não esta sendo selecionado. Por exemplo se clico em DVD ou CD ele não fica selecionado no campo para depois pegar o valor.
Sempre fica selecionado o valor default TODO O SITE.
Como resolver?
LENDAURBANA 09/12/2014 17:53:57
#443095
ATSILVA vamos ver se você entende , tipo assim o evento onclick vai ficar em cada LI , chamando uma função em javascript que recebe o numero que foi selecionado e grava numa variavel global

por exemplo

function guardaValor( valor)
{
varSelecionado = valor ;
}

<ul class=[Ô]dropdown-menu[Ô] role=[Ô]menu[Ô]>
<li><a onclick=[Ô]guardavalor(1)[Ô]>LIVRO</a></li>
<li><a onclick=[Ô]guardavalor(2)[Ô]>REVISTA</a></li>
<li><a onclick=[Ô]guardavalor(3)[Ô]>GIBI</a></li>
<li><a onclick=[Ô]guardavalor(4)[Ô]>CD</a></li>
<li><a onclick=[Ô]guardavalor(5)[Ô]>DVD</a></li>
<li><a onclick=[Ô]guardavalor(6)[Ô]>DISCO DE VINIL</a></li>
<li class=[Ô]divider[Ô]></li>
<li><a href=[Ô]#[Ô]>TODO O SITE</a></li>
</ul>


Assim quando clicar no botão para fazer a acao , você vai ter guardado em uma variavel global a sua ultima seleção sendo assim sebe quem ele selecionou

o codigo acima e so de exemplo da uma procurada na net de como utilizar o onclick , e bem facil
Tópico encerrado , respostas não são mais permitidas
Voltar