JQuery: Wie wähle ich einen Wert aus einer dropdownlist mit groß-und Kleinschreibung?

Mein Szenario:

  • Ich habe ein Textfeld, das der Benutzer text eingibt,
  • Die textbox hat ein onblur-Funktion, die versucht, wählen Sie einen Wert aus einer dropdownlist (wenn vorhanden), basierend auf dem textbox-Eingabe

Diese funktioniert tadellos in Ordnung, wenn das textbox-Wert ist der gleiche Fall wie bei der dropdownlist Wert. Aber ich will, dass es groß-und Kleinschreibung.

So, wenn die Benutzer-Typen "stackoverflow" dann will ich es wählen Sie aus der Dropdownliste "StackOverflow". Wie kann ich dies per jQuery?

InformationsquelleAutor Bryan Denny | 2009-08-06
  1. 14

    Hier ist ein anderer Ansatz: hier finden Sie den passenden Wert in seiner eigentlichen Fall, "StackOverflow", und nennen Sie val() mit, dass. 

      var matchingValue = $('#select option').filter(function () { 
      return this.value.toLowerCase() == 'stackoverflow'; 
  } ).attr('value');    
  $('#select').val(matchingValue);

    Natürlich die wörtliche 'stackoverflow' sollte ersetzt werden, mit einer Variablen.

    • Danke, das war genau die Art, wie ich es wollte!
    InformationsquelleAutor Patrick McElhaney
  2. 4

    Ich denke, dass der beste Weg, dies zu tun ist, betrachten Sie es aus der vorher eher als die nach. Wenn Sie Sie in Kleinbuchstaben geschrieben, Sie sind alle standardisiert und einfacher, mit zu arbeiten. Dann alles, was Sie tun müssen, ist die Eingabe des Benutzers in Kleinbuchstaben geschrieben, und es ist wirklich einfach zu passen Zeug.

    Andere Möglichkeit ist die Verwendung eines filter-Funktion, wie die finden Sie hier:

    $('something').filter(function() {
        return (new RegExp(value, "i")).test($(this).attr('attribute'));
    });

    Wert und Attribut ersetzt werden müssen, obwohl.

    InformationsquelleAutor Tyler Carter
  3. 2

    Auf blur, Durchlaufen Ihre Optionen und prüfen Sie, ob es passt. Dann wählen Sie die eine, die passt.

    Code:

    $("#button").blur(function(){
  var val = $(this).val();
  $("#list option").each(function(){
     if($(this).text().toLowerCase() == val) $(this).attr("selected","selected");
  });
});

    Ich habe nicht testen Sie es doch, so sicher sein, überprüfen Sie die syntax-Fehler.

    InformationsquelleAutor Scharrels
  4. 0

    Den regulären Ausdruck (RegExp) - Funktion ist wahrscheinlich der Weg zu gehen.

    var txt = new RegExp(pattern,attributes);

    Muster: der text Muster

    Attribute: "i" für case-insensitive

    Können Sie kombinieren mit filter-Funktion. so etwas sollte funktionieren.

    $("#textbox").blur( function () { 

    var text = $(this).val();

    var dropdownlist = 
       $("select").filter( function () {
          return (new RegExp(text, "i")).test($(this).attr("id"));
       });

    //do something to dropdownlist

});
    InformationsquelleAutor Anwar Chandra
Schreibe einen Kommentar