Pegar pelo javascrit item selecionado

fabregas
(usa Outra)

Enviado em 28/10/2016 - 17:20h

Olá pessoas boa tarde. Fiz um formulário em bootstrap em um site, e tenho 2 campos combobox(cidade e estado). Porém esses campos não foram implementados usando um select, e sim uma div um campo text e um button com vários filhos em baixo.
Não sei como proceder para pegar qual eu seleciono com o click do mouse, pois o primeiro li está com .active e eu consigo recuperar o .text() no jquery. Mas eu queria pegar o valor do que eu cliquei pra fazer o post do formulario. Segue meu código do formulário e javascript:

var cidade = $("li.active").text();

alert(cidade); // Aqui abre o active 

 

<!-- Button Drop Down -->

			<div class="form-group">

				<label class="col-md-4 control-label" for="city">Cidade</label>

				<div class="col-md-4">

					<div class="input-group">

					<input id="city" name="city" class="form-control" placeholder="" type="text" required="">

					<div class="input-group-btn" id="combocidade">

						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Selecione a cidade

							<span class="caret"></span>

						</button>

					<ul class="dropdown-menu pull-right">

						<li class="active"><a href="#">Ituiutaba</a></li>

						<li class="" id="item"><a href="#">Uberlândia</a></li>

						<li class="" id="item"><a href="#">Uberaba</a></li>

					</ul>

					</div>

					</div>

				</div>

			</div>

 

GustavoValerio
(usa Debian)

Enviado em 28/10/2016 - 19:34h

O problema pode ser ID duplicada.
ID deve ser única, e pode pegar o elemento usando JavaScript pelo ID.

<li class="active"><a href="#">Ituiutaba</a></li>

<li class="" id="item"><a href="#">Uberlândia</a></li>

<li class="" id="item"><a href="#">Uberaba</a></li> 

Não use essa ID repetida (ITEM), prefira CLASS.
Pode se usar uma classe "dropdown-menu-item" em todos os links deste menu e usar ID como referência pro JavaScript.
Use a ID apenas para JavaScript NESSE CASO.

http://www.devfuria.com.br/javascript/dom-getelementbyid/
https://developer.mozilla.org/pt-BR/docs/Web/API/Document/getElementById

------------------------------------------------------------------------------------------------------------------------
"Esta é a filosofia Unix:
Escreva programas que façam apenas uma coisa mas que façam bem feito.
Escreva programas que trabalhem juntos.
Escreva programas que manipulem streams de texto, pois esta é uma interface universal."
Ou, de maneira simples: "faça apenas uma coisa e faça bem".
------------------------------------------------------------------------------------------------------------------------
Visite: https://blog.gustavovalerio.com
Visite: http://goo.gl/NJlxXy