Skip to main content
Agregué el Ajax de como seleccionarlo pero no arroja un error como esta **Uncaught TypeError: Cannot use 'in' operator to search for 'length' in 22**
Origen Enlace
EfrainRojas
  • 417
  • 2
  • 12
  • 26
function edit_person(idProve) {
  var base_url = $("#base_url").val();
  $('#form_proveedorEdit')[0].reset();
  getLastId();
  getClase1();
  $('.text-danger').html(" ");
  $('.form-group').removeClass('has-error'); // clear error class
  $('.form-group').removeClass('has-success'); // clear error class
  $('.help-block').empty(); // clear error string
  $('#idProveedorE').empty(); // clear error string

  $('#modalproveeEdit').modal('show');
  $('#modalproveeEdit').find('.modal-title').text('EDITAR PROVEEDOR');
  $('#form_proveedorEdit').attr('action', base_url + 'mantenimiento/logistica/proveedor/update');
  var URL = base_url + 'mantenimiento/logistica/proveedor/edit';
  $.ajax({
    type: 'ajax',
    method: 'post',
    url: URL,
    data: {
      idProve: idProve
    },
    async: false,
    dataType: 'json',
    success: function(data) {
      $("select[name=idFamiliaE]").val(data.idFamilia);
      $("select[name=idFamiliaSEE]").val(data.idsFamilia);
      $("input[name=rzonProveE]").val(data.rzonProve);
      $("input[name=nomProveE]").val(data.nomProve);
      $("input[name=rucProveE]").val(data.rucProve);
      $("input[name=direProveE]").val(data.direProve);
      $("input[name=telfProveE]").val(data.telfProve);
      $("input[name=contProveE]").val(data.contProve);
      $("input[name=celProveE]").val(data.celProve);
      $("input[name=emailProveE]").val(data.emailProve);
      $("input[name=txtidProveE]").val(data.idProve);
      $("select[name=formaPagoE]").val(data.idPago);

      zona = data.tipoProvee;
      $("input:radio[name=radio]").each(function() {
        if ($(this).val() === zona)
        {
          $(this).attr('checked', true);
        }
      });
    },
    error: function() {
      alert('Could not Edit Data');
    }

  });
};

 //Condición de si es de tipo bienes o de servicios
if (zona === '1') {
  var base_url = $("#base_url").val();
  // aqui hago la consulta de todas las familias en general para que retornen 
  var URLS = base_url + 'mantenimiento/logistica/proveedor/getFamilia';
  $.ajax({
    type: 'ajax',
    method: 'post',
    url: URLS,
    async: false,
    data: {
      idClase: zona
    },
    dataType: 'json',
    success: function(data) {
      var html = '';
      var i;
      for (i = 0; i < data.length; i++) {
        html += '<option  value="' + data[i].idFamilia + '">' + data[i].nFamilia + '</option>';
      }
      alert(html + " familia");
      $('#idFamiliaE').html(html);
    },
    error: function() {
      alert("don't find data");
    }
  });
  // aqui hago la consulta de las familias que pertencen al proveedor que anteniromente ya habian sido registrados
  var URLSPROVE = base_url + 'mantenimiento/logistica/proveedor/getProductByProvee';
  $.ajax({
    type: 'ajax',
    method: 'post',
    url: URLSPROVE,
    async: false,
    data: {
      idProveedor: idProveedor
    },
    dataType: 'json',
    success: function(data) {
      var html = '';
      var i;
      for (i = 0; i < data.length; i++) {
        datasFinal = data[i].idFamilia;
      }
    },
    error: function() {
      alert("don't find data");
    }
  });
  $.each(datasFinal, function(i, e) {
    $("#idFamiliaE option[value='" + e + "']").prop("selected", true);
  });
}
function edit_person(idProve) {
  var base_url = $("#base_url").val();
  $('#form_proveedorEdit')[0].reset();
  getLastId();
  getClase1();
  $('.text-danger').html(" ");
  $('.form-group').removeClass('has-error'); // clear error class
  $('.form-group').removeClass('has-success'); // clear error class
  $('.help-block').empty(); // clear error string
  $('#idProveedorE').empty(); // clear error string

  $('#modalproveeEdit').modal('show');
  $('#modalproveeEdit').find('.modal-title').text('EDITAR PROVEEDOR');
  $('#form_proveedorEdit').attr('action', base_url + 'mantenimiento/logistica/proveedor/update');
  var URL = base_url + 'mantenimiento/logistica/proveedor/edit';
  $.ajax({
    type: 'ajax',
    method: 'post',
    url: URL,
    data: {
      idProve: idProve
    },
    async: false,
    dataType: 'json',
    success: function(data){
      $("select[name=idFamiliaE]").val(data.idFamilia);
      $("select[name=idFamiliaSEE]").val(data.idsFamilia);
      $("input[name=rzonProveE]").val(data.rzonProve);
      $("input[name=nomProveE]").val(data.nomProve);
      $("input[name=rucProveE]").val(data.rucProve);
      $("input[name=direProveE]").val(data.direProve);
      $("input[name=telfProveE]").val(data.telfProve);
      $("input[name=contProveE]").val(data.contProve);
      $("input[name=celProveE]").val(data.celProve);
      $("input[name=emailProveE]").val(data.emailProve);
      $("input[name=txtidProveE]").val(data.idProve);
      $("select[name=formaPagoE]").val(data.idPago);

      zona = data.tipoProvee;
      $("input:radio[name=radio]").each(function() {
        if($(this).val() === zona)
        {
          $(this).attr('checked', true);
        }
      });
    },
    error: function(){
      alert('Could not Edit Data');
    }

  });
};
function edit_person(idProve) {
  var base_url = $("#base_url").val();
  $('#form_proveedorEdit')[0].reset();
  getLastId();
  getClase1();
  $('.text-danger').html(" ");
  $('.form-group').removeClass('has-error'); // clear error class
  $('.form-group').removeClass('has-success'); // clear error class
  $('.help-block').empty(); // clear error string
  $('#idProveedorE').empty(); // clear error string

  $('#modalproveeEdit').modal('show');
  $('#modalproveeEdit').find('.modal-title').text('EDITAR PROVEEDOR');
  $('#form_proveedorEdit').attr('action', base_url + 'mantenimiento/logistica/proveedor/update');
  var URL = base_url + 'mantenimiento/logistica/proveedor/edit';
  $.ajax({
    type: 'ajax',
    method: 'post',
    url: URL,
    data: {
      idProve: idProve
    },
    async: false,
    dataType: 'json',
    success: function(data) {
      $("select[name=idFamiliaE]").val(data.idFamilia);
      $("select[name=idFamiliaSEE]").val(data.idsFamilia);
      $("input[name=rzonProveE]").val(data.rzonProve);
      $("input[name=nomProveE]").val(data.nomProve);
      $("input[name=rucProveE]").val(data.rucProve);
      $("input[name=direProveE]").val(data.direProve);
      $("input[name=telfProveE]").val(data.telfProve);
      $("input[name=contProveE]").val(data.contProve);
      $("input[name=celProveE]").val(data.celProve);
      $("input[name=emailProveE]").val(data.emailProve);
      $("input[name=txtidProveE]").val(data.idProve);
      $("select[name=formaPagoE]").val(data.idPago);

      zona = data.tipoProvee;
      $("input:radio[name=radio]").each(function() {
        if ($(this).val() === zona) {
          $(this).attr('checked', true);
        }
      });
    },
    error: function() {
      alert('Could not Edit Data');
    }

  });
};

 //Condición de si es de tipo bienes o de servicios
if (zona === '1') {
  var base_url = $("#base_url").val();
  // aqui hago la consulta de todas las familias en general para que retornen 
  var URLS = base_url + 'mantenimiento/logistica/proveedor/getFamilia';
  $.ajax({
    type: 'ajax',
    method: 'post',
    url: URLS,
    async: false,
    data: {
      idClase: zona
    },
    dataType: 'json',
    success: function(data) {
      var html = '';
      var i;
      for (i = 0; i < data.length; i++) {
        html += '<option  value="' + data[i].idFamilia + '">' + data[i].nFamilia + '</option>';
      }
      alert(html + " familia");
      $('#idFamiliaE').html(html);
    },
    error: function() {
      alert("don't find data");
    }
  });
  // aqui hago la consulta de las familias que pertencen al proveedor que anteniromente ya habian sido registrados
  var URLSPROVE = base_url + 'mantenimiento/logistica/proveedor/getProductByProvee';
  $.ajax({
    type: 'ajax',
    method: 'post',
    url: URLSPROVE,
    async: false,
    data: {
      idProveedor: idProveedor
    },
    dataType: 'json',
    success: function(data) {
      var html = '';
      var i;
      for (i = 0; i < data.length; i++) {
        datasFinal = data[i].idFamilia;
      }
    },
    error: function() {
      alert("don't find data");
    }
  });
  $.each(datasFinal, function(i, e) {
    $("#idFamiliaE option[value='" + e + "']").prop("selected", true);
  });
}
Origen Enlace
EfrainRojas
  • 417
  • 2
  • 12
  • 26

¿ Cómo retornar un multiselect seleccionado?

Estoy haciendo un formulario en cual ya inserto los datos, pero ahora al querer editar los registros y necesito obtener los datos del multiselect ya seleccionado.

Realmente no lo logro de como hacerlo. este es mi formulario :

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="modal fade" id="modalproveeEdit" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Crear Nuevo Proveedor</h5>
      </div>
      <div class="modal-body">
        <div id="the-messageedit"></div>
        <form action="" id="form_proveedorEdit" method="POST" >
          <div class="form-group">
            <table style="border: 0;" class="table table-bordered">
              <head style="border: 0;">
                <tr style="border: 0;">
                  <th style="border: 0;" colspan="3">TIPO DE PROVEEDOR</th>
                </tr>
              </head>
              <tbody style="border: 0;">
                <tr>
                  <td class="bienesTDE" style="border: 0;"></td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="form-group">
            <input type="text" id="idProveedoresIDE"   name="txtidProveE" class="form-control hidden">
            <label for="">RAZON SOCIAL <span style="color: red;">*</span></label>
            <input type="text" class="form-control" id="rzonProveE" name="rzonProveE" >
          </div>
          <div class="form-group">
            <label for="">NOMBRE COMERCIAL <span style="color: red;">*</span></label>
            <input type="text" class="form-control" id="nomProveE" name="nomProveE" >
          </div>
          <div class="form-group">
            <label for="">RUC <span style="color: red;">*</span></label>
            <input type="text" class="form-control" id="rucProveE" name="rucProveE" >
          </div>
          <div class="form-group">
            <label for="">DIRECCION <span style="color: red;">*</span></label>
            <input type="text" class="form-control" id="direProveE" name="direProveE"  >
          </div>
          <div class="form-group">
            <label for="">TELF FIJO <span style="color: red;">*</span></label>
            <input type="text" class="form-control" id="telfProveE" name="telfProveE"  >
          </div>
          <div class="form-group">
            <label for="">CONTACTO <span style="color: red;">*</span></label>
            <input type="text" class="form-control" id="contProveE" name="contProveE"  >
          </div>
          <div class="form-group">
            <label for="">CEL CONTACTO <span style="color: red;">*</span></label>
            <input type="text" class="form-control" id="celProveE" name="celProveE" >
          </div>
          <div class="form-group">
            <label for="">E-MAIL CONTACTO <span style="color: red;">*</span></label>
            <input type="email" class="form-control"  id="emailProveE" name="emailProveE" >
          </div>
          <div class="form-group">
            <label for="formaPago">FORMA DE PAGO<span style="color: red;">*</span></label>
            <select class="form-control" name="formaPagoE" id="formaPagoE" class="form-control">
              <?php foreach ($formaPago as $pago): ?>
                <option value="<?php echo $pago->idPago ?>" selected><?php echo $pago->tipoPago ?></option>
              <?php endforeach?>
            </select>
          </div>
          <div class="form-group" id="bienesE">
            <label for="">FAMILIAS<span style="color: red;">*</span></label>
            <select class="form-control" name="idFamiliaE[]" id="idFamiliaE" multiple="multiple" class="form-control"></select>
          </div>
          <div class="form-group hidden"   id="idProveedorE">
          </div>
          <div class="form-group">
            <button type="button" class="btn btn-warning pull-right " data-dismiss="modal">Cancelar</button>
            <button type="submit" class="btn btn-success" id="btnEdit">Actualizar</button>
          </div>
        </form>
      </div>

    </div>
  </div>
</div>

//Código del Model

public function edit()
    {
        $idProve = $this->input->post('idProve');
        $this->db->where('idProve', $idProve);
        $query = $this->db->query(" SELECT
                                    p.*,
                                    pg.idPago,
                                    pg.tipoPago,
                                    fp.idFamilia,
                                    f.idFamilia,
                                    f.nFamilia,
                                    sf.idsFamilia,
                                    sf.nsFamilia
                                FROM
                                    proveedor p
                                LEFT JOIN familia_prove fp ON
                                    p.idProve = fp.idProveedor
                                LEFT JOIN familia f ON
                                    fp.idFamilia = f.idFamilia
                                LEFT JOIN serviciofamilia sf ON
                                    fp.familia_ids = sf.idsFamilia
                                LEFT JOIN pago pg ON
                                    p.formaPago = pg.idPago
                                WHERE
                                    p.idProve = '$idProve'"
        );
        return $query->row();
    }


    // Código de Controller

   public function edit()
   {
      $result = $this->Proveedor_model->edit();
      echo json_encode($result);
   }
//Codigo Ajax

function edit_person(idProve) {
  var base_url = $("#base_url").val();
  $('#form_proveedorEdit')[0].reset();
  getLastId();
  getClase1();
  $('.text-danger').html(" ");
  $('.form-group').removeClass('has-error'); // clear error class
  $('.form-group').removeClass('has-success'); // clear error class
  $('.help-block').empty(); // clear error string
  $('#idProveedorE').empty(); // clear error string

  $('#modalproveeEdit').modal('show');
  $('#modalproveeEdit').find('.modal-title').text('EDITAR PROVEEDOR');
  $('#form_proveedorEdit').attr('action', base_url + 'mantenimiento/logistica/proveedor/update');
  var URL = base_url + 'mantenimiento/logistica/proveedor/edit';
  $.ajax({
    type: 'ajax',
    method: 'post',
    url: URL,
    data: {
      idProve: idProve
    },
    async: false,
    dataType: 'json',
    success: function(data){
      $("select[name=idFamiliaE]").val(data.idFamilia);
      $("select[name=idFamiliaSEE]").val(data.idsFamilia);
      $("input[name=rzonProveE]").val(data.rzonProve);
      $("input[name=nomProveE]").val(data.nomProve);
      $("input[name=rucProveE]").val(data.rucProve);
      $("input[name=direProveE]").val(data.direProve);
      $("input[name=telfProveE]").val(data.telfProve);
      $("input[name=contProveE]").val(data.contProve);
      $("input[name=celProveE]").val(data.celProve);
      $("input[name=emailProveE]").val(data.emailProve);
      $("input[name=txtidProveE]").val(data.idProve);
      $("select[name=formaPagoE]").val(data.idPago);

      zona = data.tipoProvee;
      $("input:radio[name=radio]").each(function() {
        if($(this).val() === zona)
        {
          $(this).attr('checked', true);
        }
      });
    },
    error: function(){
      alert('Could not Edit Data');
    }

  });
};