Dropdown does not close when you click on item

Question

Dropdown does not close when you click on item

Navigation

#1 by (0 votes)

0

Good morning, I have a problem with a dropdown. Clicking on an element does not close it.

                        <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>

Do you have an idea what it could be?

Thank you.

html

asked by dtorralba 22.12.2017 в 19:57

source

1 answer

how to put audio to a java program? Error migrating in Laravel 5.5

score 0 · Answer 1

To help you better, upload the code to a snipet to help you better. If it serves you I leave you an example of 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>