Holen Sie den ausgewählten Listenwert im Foundation-Dropdown.

Question

Ich verwende das Foundation-Dropdown

Sie können es hier ansehen:

http://foundation.zurb.com/docs/components/dropdown.html#

Ich habe ein Dropdown mit folgendem Code erstellt

Datumsbereich

        Benutzerdefiniert
        Heute
        Gestern
        Diese Woche (So-Heute)
        Diese Woche (Mo-Heute)

Ich möchte den Wert/ID des ausgewählten Elements erhalten

Ich habe es wie folgt versucht, aber es funktioniert nicht

$('#drop1').click(function(){
  var ss=$('#drop1').val();
  console.log(ss);  
});

Ich bin ein Anfänger in der Programmierung, jede Hilfe wird geschätzt.

Vielen Dank im Voraus

UPDATE: Wie kann ich das Dropdown beim Klick schließen?

Answer 1

Sie benötigen .text() oder .html() nicht .val().

.val() funktioniert mit Formularelementen wie input, select, radio, checkbox usw.

$('#drop1 li').click(function(){
  var ss = $(this).text(); //this bezieht sich hier auf das aktuelle angeklickte Element.
  //um die ID zu erhalten
  var id = this.id;
  console.log(ss, id);  
});

„this“-Schlüsselwort

Answer 2

Hier ist die Korrektur

    $('#drop1 li').click(function(){
      var id=$(this).attr('id');//um die ID des angeklickten Elements zu erhalten
      console.log(id);  
var h=$(this).text();//um den Text des angeklickten Elements zu erhalten
      console.log(h);  
    });

Aktualisierung

    $('#drop1 li').click(function(){
          var id=$(this).attr('id');//um die ID des angeklickten Elements zu erhalten
          console.log(id);  
    var h=$(this).text();//um den Text des angeklickten Elements zu erhalten
          console.log(h);  
    $(this).parent().fadeOut(300);
$('.open').removeClass('open');
        });

Answer 3

Wie in der Dokumentation angegeben, wird der Klasse open das ausgewählte Element hinzugefügt. Du kannst das ausgewählte Element mit folgendem Code erhalten:

 $('#drop1').click(function(){
   var ss=$('this).find('.open').html();
   console.log(ss);  
 });