Wie wird protokolliert, was im Eingabefeld select2 eingegeben wird und eventuell ein anderes Eingabefeld aktualisiert wird?

Question

ich Probleme Protokollierung in Echtzeit habe, was

ein weiteres Eingabefeld ist auf dem select2 Eingabefeld eingegeben ist wird aktualisiert

Mein Ziel, während der Benutzer auf dem select2 Suchfeld

ich viele Dinge ausprobiert, bei der Eingabe aber es funktioniert nicht: nichts

$('.mySelect2').on("change",function(e){ 
    console.log("mySelect2 text", e.target.value) 
    console.log("mySelect2 text $(this).val()", $(this).val()) 

    // #location is my other field that I want to update 
    $("#location").text(e.target.value); 
}); 

Answer 1

nach dem documentation in meiner Konsole erscheinen, müssen Sie anderes Ereignis verwenden:

$('#mySelect2').on('select2:select', function (e) { 
    var data = e.params.data; 
    console.log(data); 
}); 

---

Update: das folgende Verfahren ermöglicht es, alles zu erfassen, die der Benutzer in den select2 Eingang

// In your Javascript (external .js resource or <script> tag) 
 
$(document).ready(function() { 
 
    var $select2 = $('.js-example-basic-single') 
 
    $select2.select2(); 
 
    $('body').on('input', '.select2-search__field', function() { 
 
      console.log(this.value); 
 
    }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/css/select2.min.css" rel="stylesheet" /> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/js/select2.min.js"></script> 
 

 
<select class="js-example-basic-single" name="state"> 
 
    <option value="AL">Alabama</option> 
 
    ... 
 
    <option value="WY">Wyoming</option> 
 
</select>