使用编辑器

Question

我想添加一个内联下拉列表，当它更改db via via时 阿贾克斯。我得到了一个可编辑的下拉列表但是无法在更改时发送数据。

HTML

<td>
    <select name="status" class="ui compact dropdown select-first update" id="status">
        <option data-id"18956" data-column="ActionStatus" value="longlist">Longlist</option> 
        <option selected="" data-id"18956"="" data-column="ActionStatus" value="backburner">Backburner</option> 
        <option data-id"18956" data-column="ActionStatus" value="paperwork">Paperwork</option> 
        <option data-id"18956" data-column="ActionStatus" value="shortlist">Shortlist</option> 
        <option data-id"18956" data-column="ActionStatus" value="submitted">Submit</option> 
        <option data-id"18956" data-column="ActionStatus" value="interview">Interview</option> 
        <option data-id"18956" data-column="ActionStatus" value="start">Placed</option> 
    </select>
</td>

这应该将值发送到ajax函数

$(document).on('blur', '.update', function(){
    var id = $(this).data("id");
    var column_name = $(this).data("column");
    var value = $(this).text();
    update_data(id, column_name, value);
});

我也试过这个js代码（但它在我当前的代码中是不活动的）

$("#status").change(function(){
    var id = $(this).data("id");
    var column_name = $(this).data("column");
    var value = $(this).text();
    update_data(id, column_name, value);
    alert(status);
});



function update_data(id, column_name, value){
        $.ajax({
         url:"ajax/Recruitment/doUpdateInsert.php",
         method:"POST",
         data:{id:id, column_name:column_name, value:value},
         success:function(data) {
                $('#alert_message').html('<div class="alert alert-success">'+data+'</div>');
//                $('#user_data').DataTable().destroy();
//                fetch_data();
         }
        });
            setInterval(function(){
             $('#alert_message').html('');
        }, 5000);
  }