Bootstrap выпадающее меню с выбором значения из списка - PullRequest
Новая
       12

Bootstrap выпадающее меню с выбором значения из списка

0 голосов
/ 02 февраля 2020

Я сделал одно раскрывающееся меню для страницы, но я сомневаюсь, как сохранить это значение в кнопке из выбранного значения. Мой код может обновляться на одно значение, но после выбора выпадающее меню перестает работать. 

        $(".dropdown-menu a").click(function(){
            $(".btn:first-child").html($(this).text()+'');
        });
    .dropdown-menu 
    {
    width:  100% !important;
    height: auto !important;
    };
    
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>

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

 <div class="dropdown">
                                            <button class="btn btn-primary btn-lg btn-block dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                              Selecione uma especialidade
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
                                            <a class="dropdown-item" type="button" value="e01">Clinia da Dor</a>
                                            <a class="dropdown-item" type="button" value="e02">Clinica de Neroendocrinologia</a>
                                            <a class="dropdown-item" type="button">Clinica de Psicologia da Saúde</a>
                                            <a class="dropdown-item" type="button">Clinica de Epilepsia</a>
                                            <a class="dropdown-item" type="button">Clinica de Neurologia</a>
                                            <a class="dropdown-item" type="button">Clinica de Neurocirurgia</a>
                                            <a class="dropdown-item" type="button">Clinica de Neuropsicologia</a>
                                            <a class="dropdown-item" type="button">Clinica Psiquiatrica</a>

                                            </div>
                                          </div>

HTML

<script>
        $(".dropdown-menu a").click(function(){
            $(".btn:first-child").html($(this).text()+'');
        });

    </script>
<div class="dropdown">
                                            <button class="btn btn-primary btn-lg btn-block dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                              Selecione uma especialidade
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
                                            <a class="dropdown-item" type="button" value="e01">Clinia da Dor</a>
                                            <a class="dropdown-item" type="button" value="e02">Clinica de Neroendocrinologia</a>
                                            <a class="dropdown-item" type="button">Clinica de Psicologia da Saúde</a>
                                            <a class="dropdown-item" type="button">Clinica de Epilepsia</a>
                                            <a class="dropdown-item" type="button">Clinica de Neurologia</a>
                                            <a class="dropdown-item" type="button">Clinica de Neurocirurgia</a>
                                            <a class="dropdown-item" type="button">Clinica de Neuropsicologia</a>
                                            <a class="dropdown-item" type="button">Clinica Psiquiatrica</a>

                                            </div>
                                          </div>

Как получить значение текста в кнопке из выпадающего меню с помощью javascript.

Спасибо

Спасибо

...