Afficher l'option sélectionnée dans le menu déroulant bootstrap
J'ai la liste déroulante dans mon bootstrap menu.
<li class="dropdown">
<a aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown" class="dropdown-toggle" href="#">Chose option<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
<li><a href="#">Option 3</a></li>
<li><a href="#">Option 4</a></li>
</ul>
</li>
J'essaye de l'option sélectionnée dans la liste déroulante que le titre de la liste déroulante au lieu de "a choisi l'option", comme il est maintenant. J'ai essayé plusieurs solutions trouvées sur ce et certains autres sites, mais ne peut pas faire de à travailler.
Quelqu'un peut-il aider?
source d'informationauteur onedevteam.com | 2015-10-29
Vous devez vous connecter pour publier un commentaire.
Cela devrait fonctionner pour vous:
Et le script:
Vous avez besoin d'envelopper le texte "Choisissez l'option" à l'intérieur
<span>
pour en modifier la valeur sur la sélection.Voici le code de travail: http://liveweave.com/U4BpiH
Modifier votre code html comme :
et sur le javascript côté comme de cette façon :
Vous pouvez aller à travers ce simple exemple qui est déjà une réponse .
Ajouter le script ci-dessous :
Vous pouvez également essayer cet exemple dans http://jsbin.com/owuyix/4/edit
J'ai eu le même problème et voici la solution que j'ai trouvé.
J'ai trouvé une solution à l'aide de "onclick"
Espère que cela aide! 🙂