0

Buenos dias, Tengo un problema con un dropdown. Al hacer click en algun elemento no lo cierra.

                        <div class="dropdown">
                                            <a href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" role="button" id="btn1"  onclick="action()">Tipo de Teléfono <span class="caret"></span></a>
                                            <ul class="dropdown-menu" id="listfiber">
                                                <li><a href="#" value="Fijo" onclick="fijo1()">Fijo</a></li>
                                                <li><a href="#" value="Celular" onclick="cel1()">Celular</a></li>
                                            </ul>
                                        </div>

Tienen idea que puede ser?

Gracias.

3

1 respuesta 1

0

Para poder ayudarte mejor, sube el código a un snipet para poder ayudarte mejor. Si te sirve te dejo un ejemplo de dropdown.

$(".dropdown-menu li a").click(function(){
  $(this).parents(".dropdown").find('.btn').html($(this).text() + ' <span class="caret"></span>');
  $(this).parents(".dropdown").find('.btn').val($(this).data('value'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>


<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Display
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#" data-value="action">Expand All</a></li>
    <li><a href="#" data-value="another action">Collapse All</a></li>
    <li class="divider"></li>
    <li><a href="#" data-value="something else here">Select All</a></li>
    <li><a href="#" data-value="separated link">Clear All</a></li>
  </ul>
</div>
 

1
  • Esto no responde a la pregunta realizada por el OP, esto es un ejemplo. Revisa Cómo responder.
    – Jorgesys
    el 26 dic. 2017 a las 21:35

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.