Einstellung Optionen in Select-Tag in Tabelle mit am nächsten

Question

Ich versuche, dynamische Optionen in Select-Tag, die in Tabelle ist, die eine beliebige Anzahl von Zeile basierend auf Bedingung haben kann.

bekam also die Daten von Ajax und versuchen, es zu setzen, aber nicht in der Lage, so

$('#cb_table').on('change', 'select[name="batch_month"]', function() { 
    var selectedMonth=$(this).val(); 
    var course_id=$(this).closest('tr').find('input[name="course_name[]"]').attr('course-id'); 
    alert(selectedMonth+'abc '+course_id); 
    $.ajax({ 
       type : "POST", 
       url : "<?php echo base_url().'Bookings/fetch_course_batches/';?>", 
       data : {'course' : course_id,'start_date_m' : selectedMonth}, 
       dataType : 'json', 
       success : function(data) { 
        var formatted_data=''; 
        $.each(data.message, function (i,val) { 
        formatted_data+='<option value="'+val['batch_id']+'">'+val['start_date']+' '+val['end_date']+' '+val['batch_time']+'</option>'; 
        }); 
        var data1=$(this).closest('tr').find('select[name="batch_date_time[]"]').val(formatted_data); 


       } 
      }); 

    }); 

Answer 1

Sie .val verwenden zu tun() für Option Anhängen, die falsch ist. Sie sollten html wie

$('select').append('<option val="1">First</option>'); 

so in Ihrem Fall anhängen würde es

var data1=$(this).closest('tr').find('select[name="batch_date_time[]"]').append(formatted_data);