So binden Sie ein ausgewähltes Änderungsereignis in JQuery

So binden Sie das Select-Change-Ereignis mit jQuery: 1. Erstellen Sie eine jQuery-Beispieldatei. 2. Verwenden Sie den Selektor „$(‘select‘)“, um alle Select-Elemente auszuwählen, und binden Sie dann das Change-Ereignis mit dem „on(“ )“-Methode; 3. . Nach Eintreten des Ereignisses verwendet die Rückruffunktion die Methoden „.val()“ und „.find(':selected')“, um den Wert und Text des ausgewählten Elements abzurufen; 4. Die Konsole Gibt den ausgewählten Inhalt aus oder zeigt ihn auf der Seite „Komm gerade raus“ an.

Das Betriebssystem dieses Tutorials: Windows 10-System, jQuery Version 3.6.0, Dell G3-Computer.

Mit jQuery können Sie das Änderungsereignis einfach so binden, dass es auf Änderungen im ausgewählten Element wartet.

Implementiert mit dem folgenden Code:

$(document).ready(function() {
  // 选择 select 元素，并绑定 change 事件
  $('select').on('change', function() {
    // 获取选中项的值和文本
    var selectedValue = $(this).val();
    var selectedText = $(this).find(':selected').text();
    
    // 在控制台输出选中项的值和文本
    console.log('选中了：' + selectedValue + '，' + selectedText);
    
    // 如果需要在页面上显示选中项的值或文本，可以使用以下代码
    // $('#result').text(selectedValue); 
    // $('#result').text(selectedText);
  });
});

Der $('select')-Selektor im obigen Code wird verwendet, um alle ausgewählten Elemente auszuwählen, und dann bindet die on()-Methode das Änderungsereignis an sie. Die Rückruffunktion wird ausgelöst, wenn der Benutzer eine Option im Auswahlelement auswählt.

Die Callback-Funktion ruft zunächst den Wert und Text des ausgewählten Elements ab, hier werden die Methoden .val() und .find(':selected') verwendet. Der ausgewählte Inhalt kann dann an die Konsole ausgegeben oder auf der Seite angezeigt werden (durch Änderung der .text() des entsprechenden Elements).

Wenn Sie ein bestimmtes ausgewähltes Element auf der Seite bearbeiten möchten, wählen Sie basierend auf einem Selektor wie seiner ID oder seinem Klassennamen aus. Zum Beispiel: $('#my-select') oder $('.my-select').

Das obige ist der detaillierte Inhalt vonSo binden Sie ein ausgewähltes Änderungsereignis in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!