首页 > 解决方案 > 在引导编辑表中保存选定的选项值

问题描述

我试图制作一个内容编辑表,它的工作率为 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();
      }
    })
  });

标签: phpjquerymysqlajaxcodeigniter-3

解决方案


推荐阅读