我试图制作一个内容编辑表,并且在80%的工作效率,我的唯一问题是:当我从选择输入中选择一个选项时,它会保存该选择中所有选项的文本,我只需要保存所选选项中的文本。任何想法?
这是我的代码
加载数据功能
function load_data()
{
$.ajax({
url:"<?php echo base_url(); ?>planificacion/load_mecanizado",
dataType:"JSON",
success:function(data){
$.ajax({
url:"<?php echo base_url(); ?>planificacion/load_usuarios",
dataType:"JSON",
success:function(data){
$.each(data,function(key, usuario) {
$(".seleccionarusuario").append('<option value='+usuario.user_id+'>'+usuario.user_email+'</option>');
});
}
});
var html = '<tr>';
html += '<td id="id_perfil" placeholder="" disabled></td>';
html += '<td id="string" contenteditable placeholder="ID"></td>';
html += '<td id="RspCtrPrd" contenteditable placeholder="RspCtrPrd"></td>';
html += '<td id="ReferenciaP" contenteditable placeholder="Referencia"></td>';
html += '<td id="cuenta_asociada" contenteditable placeholder="Cuenta Asociada"></td>';
html += '<td><button type="button" name="btn_add" id="btn_add" class="btn btn-xs btn-success">Agregar</button></td></tr>';
for(var count = 0; count < data.length; count++)
{
html += '<tr>';
html += '<td class="table_data" data-row_id="'+data[count].id_perfil+'" data-column_name="id_perfil" disabled>'+data[count].id_perfil+'</td>';
html += '<td class="table_data" data-row_id="'+data[count].id_perfil+'" data-column_name="string" contenteditable>'+data[count].string+'</td>';
html += '<td class="table_data" data-row_id="'+data[count].id_perfil+'" data-column_name="RspCtrPrd" contenteditable>'+data[count].RspCtrPrd+'</td>';
html += '<td class="table_data" data-row_id="'+data[count].id_perfil+'" data-column_name="ReferenciaP" contenteditable>'+data[count].ReferenciaP+'</td>';
html += '<td class="table_data" data-row_id="'+data[count].id_perfil+'" data-column_name="cuenta_asociada" contenteditable><select id="Select" class="seleccionarusuario" name="select"></select></td>';
html += '<td><button type="button" name="delete_btn" id="'+data[count].id_perfil+'" class="btn btn-xs btn-danger btn_delete">Eliminar</button></td></tr>';
}
$('tbody').html(html);
}
});
}
load_data();
保存功能
$(document).on('blur', '.table_data', function(){
var id = $(this).data('row_id');
var table_column = $(this).data('column_name');
var value = $(this).text();
$.ajax({
url:"<?php echo base_url(); ?>planificacion/update_mecanizado",
method:"POST",
data:{id:id, table_column:table_column, value:value},
success:function(data)
{
load_data();
}
})
});