php - 在引导编辑表中保存选定的选项值
问题描述
我试图制作一个内容编辑表,它的工作率为 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();
}
})
});
解决方案
推荐阅读
- php - Laravel sync a Pivot table with 3 models relationships Many to Many and One to Many
- javascript - CSS)为什么我的“悬停”不起作用?我搜索了谷歌,但我无法修复它
- node.js - How to stream a media file from server to client side for example an mp3 audio file in my case in loopback 4 nodejs?
- python - VSC vs Spyder中的返回函数
- typescript - 如何根据字段名称公司名称隐藏列名称公司名称的数据?
- c# - 如何解决 Designer.cs 文件的问题?
- javascript - localStorage 在刷新时使用初始状态值进行更新
- android - 是否可以使用浏览器模拟 Kotlin android Android?
- r - 如何使用循环 | 申请 | 映射以对多个变量值的数据框进行切片并在 r 中创建多个统计摘要()
- sql - 选择并显示与用户提示的ename具有相同deptno和mgr的员工