Bootstrap - Auswählen - wie Ereignis bei Änderung ausgelöst wird

Ich bin mit Bootstrap 3.0.2 und der Bootstrap-select plugin.

Hier ist mein select-Liste:

<select class="selectpicker" data-live-search="true" data-size="7">
  <option>Petr Karel</option>
  <option>Honza Novák</option>
  <option>David Egydy</option>
  <option>Sláva Kovář</option>
  <option>Hana Skalická</option>
  <option>Simona Kolářová</option>
  <option>Kateřina Sychová</option>
  <option>Amálka Sychová</option>
  <option>Jana Sychová</option>
  <option>Magdaléna Sychová</option>
  <option>Tereza Sychová</option>
  <option>Bohdana Sychová</option>
</select>

Hier ist mein JavaScript -:

//inicialization of select picker
$('.selectpicker').selectpicker();

//on change function i need to control selected value
$('select.selectpicker').on('change', function(){
   var selected = $('.selectpicker option:selected').val();
   alert(selected);
});

Problem

Mein problem ist, dass die ändern-Funktion wird nicht funktionieren. Es tut nichts, und ich finde keine Lösung von mir.

Wenn ich Sie in Dokument bereit stattdessen ändern-Funktion scheint es zu funktionieren. Also ich denke, ich habe Fehler irgendwo in:

$('select.selectpicker').on('change', function(){

Ich auch versucht, nur:

$('.selectpicker').on('change', function(){

ohne diese wählen Sie Präfix, aber es ändert sich nichts.

UPDATE

Lösung setzen Sie die jquery-code in document.ready(). Dank Kartikeya

InformationsquelleAutor der Frage user3690515 | 2014-09-08

  1. 24

    Dies ist, was ich getan habe.

    $('.selectpicker').on('changed.bs.select', function (e, clickedIndex, newValue, oldValue) {
    var selected = $(e.currentTarget).val();
});

    InformationsquelleAutor der Antwort s k

  2. 4

    Einfachste Lösung wäre -

    $('.selectpicker').trigger('change');

    InformationsquelleAutor der Antwort Akshay Soni

  3. 2
    $("#Id").change(function(){
    var selected = $('#Id option:selected').val();
    alert(selected);           
});

    Ich denke, das ist, was Sie brauchen.

    InformationsquelleAutor der Antwort Sangri

Schreibe einen Kommentar