выпадающий список изменений выбранных значений во время отладки, но не во время выполнения

Question

EDIT:

Использование DataTables, я посылаю два DataTables AJAX-запросы, когда раскрывающийся список значений изменения. Когда я отлаживаю инструменты F12 в Firefox, я получаю новое выбранное значение раскрывающегося списка в точке останова в выпадающем списке, выбранном событием изменения, но когда я продолжаю, значение этой переменной остается прежним значением

$('#mylist').on('change', function() {    
      getData($("#mylist:selected").html()); 
     }); 

    function getData(ag) { 
      var Table1 = $('#tb1').DataTable({ 
       retrieve: true, 
       "paging": true, 
       "searching": false, 
       "dom": '<Bfrtip>',      
       "ajax": { 
        "dataType": "json", 
        "url": "/myaction", 
        "type": "POST", 

        "data": { myparam: ag, }, 
        "dataSrc": "bla", 
        error: function (xhr, error, thrown) { 
        } 
       }, 
       "columns": [ 
       { ....      
       ], 
      }); 


      ........ 

Answer 1

Попробуйте следующее:

$('#mylist').on('change', function() {    
    getData($("#mylist").find(":selected").text()); 
}); 

Исправленная селектор :selected элемент, и изменил .html() к .text(), немного безопаснее, если вы передаете это значение для вашего API.