J'ai une liste déroulante d'amorçage et je souhaite conserver le texte de ce qui est sélectionné. J'ai essayé la plupart des méthodes essayées ici, Obtenir la valeur de html menu déroulant dans jquery, mais il n'y a jamais eu vraiment de réponse, donc je suis toujours coincé.

<div id="tableDiv" class="dropdown">
    <button id="tableButton" class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
        Table
        <span class="caret"></span>
    </button>
    <ul id="tableMenu" class="dropdown-menu">
        <li><a href="#">Att1</a></li>
        <li><a href="#">Att2</a></li>
        <li><a href="#">Att3</a></li>
    </ul>
</div>

J'ai une fonction js qui ressemble à ceci

$("#tableMenu").click(function(){
  var selText = $("#tableMenu").text();
  document.getElementById("tableButton").innerHTML=selText;
});

Mais comme expliqué dans le lien ci-dessus, $ ("# tableMenu"). text (); renvoie tout dans la liste déroulante sous forme de chaîne, pas seulement celle souhaitée. Comment puis-je obtenir le texte uniquement à partir de celui sélectionné.

javascript jquery html twitter-bootstrap
5
Joe Johnson 9 mars 2016 à 10:33

3 réponses

Meilleure réponse

Vous devez attacher le gestionnaire click() à l'élément a dans le ul qui est basculé. Vous pouvez ensuite récupérer le text() de cet élément et le définir sur le bouton associé. Essaye ça:

$("#tableMenu a").click(function(e){
    e.preventDefault(); // cancel the link behaviour
    var selText = $(this).text();
    $("#tableButton").text(selText);
});

Exemple de travail

6
Rory McCrossan 9 mars 2016 à 07:37

Avez-vous essayé d'utiliser une véritable liste déroulante HTML et non une liste non ordonnée?

  <select name="tableMenu" id="tableMenu" class="dropdown-menu">
    <option value="Att1">Att1</option>
    <option value="Att2">Att2</option>
    <option value="Att3">Att3</option>
  </select>

Vous devriez alors pouvoir utiliser:

var selText= document.getElementById("tableMenu").value;
0
Steve 9 mars 2016 à 07:43

Liez l'événement click à li et à l'aide de this, obtenez le texte sélectionné et attribuez-le au texte du bouton de l'onglet

$("#tableMenu li").click(function () {
  var selText = $(this).text();
  document.getElementById("tableButton").innerHTML = selText; // $("#tableButton").text(selText); //Using Jquery 
});
0
shu 9 mars 2016 à 08:26

Questions connexes

29 Comment supprimer une propriété d'un objet JavaScript?
29 Comment obtenir un horodatage en JavaScript?
17 Comment obtenir les enfants du sélecteur $ (this)?
30 Comment savoir quel bouton radio est sélectionné via jQuery?
21 Obtenir l'URL actuelle avec JavaScript?
23 Obtenir la valeur sélectionnée dans la liste déroulante à l'aide de JavaScript
30 Récupérer le texte sélectionné dans une liste déroulante (case de sélection) à l'aide de jQuery
29 Comment puis-je supprimer un élément spécifique d'un tableau?
31 jQuery Obtenir l'option sélectionnée dans la liste déroulante
28 Comment renvoyer la réponse d'un appel asynchrone?

De nouvelles questions

1 React n'a pas réussi à compiler
1 La liste de réaction n'est pas de nouveau rendu de la table après le tri des éléments dans l'état
1 Filtrage pour un tableau avec trois entrées. Entrée non définie si la clé est vide
2 L'écouteur d'événements Javascript doit cliquer deux fois pour que la fonction fonctionne
4 Créer une fonction avec des barres obliques et des barres obliques inverses
1 comment puis-je utiliser scrollToIndex dans FlatList React natif?
4 Comment importer des modules avec JSX?
1 JavaScript modifiant le contenu de manière dynamique en utilisant un délai
2 Changer les valeurs d'une combobox en Javascript
2 Redux Saga: Je dois passer l'argument à Axios
Toutes les questions sur javascript >

javascript

Pour des questions concernant la programmation dans ECMAScript (JavaScript / JS) et ses divers dialectes / implémentations (hors ActionScript). Veuillez inclure toutes les balises pertinentes dans votre question; par exemple, [node.js], [jquery], [json], etc.

Plus à propos javascript...