[SOLUCIONADO] Capturar varios valores de un input

[BlackJccl1]

Hola a todos como están veran tengo el siguiente problema tengo mi input que se genera a travez de while que hago con PHP

Código PHP:

$q=@mysql_query($query, $link) or die(mysql_error());
    $n=1;
  while($r=@mysql_fetch_assoc($q)){
$cad.='<div class="cliente-info-principal">
<div class="col-md-4">
          <input type="hidden" id="e_cargo_homologado_id'.$n.'" value="'.$r['jc_cargo_homologado_contacto'].'">
          <select id="e_cargo_homologado_contacto'.$n.'" class="form-control" disabled>
            <option value="Null">Seleccione Cargo</option>
          </select>
        </div>
  </div>';
$n++;
    }
    echo $cad;
 

como prodran ver se genera varias veces y se me olvido mencionar que tengo un select donde cargo la información que capturo del input a travez de jquery asi

Código Javascript:

function cargar_editar_cargo(){
  e_cc = $("[id^=e_cargo_homologado_id]").val();
  console.log(e_cc);
  $.ajax({
    type: "POST",
    url: "funciones/ubigeo.php",
    data: "c=15",
    success: function(data){
      $("select[id^=e_cargo_homologado_contacto]").append(data);
      $("select[id^=e_cargo_homologado_contacto] option[value="+e_cc+"]").attr("selected",true);
    }
  });
}
 

hasta lo hace bien pero solo me captura el valor del primer input que se genera claro que el id del input cambia por ejemplo el primer input su id seria e_cargo_homologado_id1 para el siguiente seria asi e_cargo_homologado_id2 no se si me falta algo mas o que

[BlackJccl1]

Ahora cambie mi funcion por esto

Código Javascript:

function cargar_editar_cargo(){
  $("[id^=e_cargo_homologado_id]").each(function() {
    e_cc = $("[id^=e_cargo_homologado_id]");
    e_cc = $(this).val();
    console.log(e_cc);
  });
  $.ajax({
    type: "POST",
    url: "funciones/ubigeo.php",
    data: "c=15",
    success: function(data){
      $("select[id^=e_cargo_homologado_contacto]").append(data);
      $("select[id^=e_cargo_homologado_contacto] option[value="+e_cc+"]").attr("selected",true);
      console.log(e_cc);
    }
  });
}
 

ya me extrae el valor de cada input pero por algun motivo no se lo asigna al select

[Alexis88]

De la forma en la que estás trabajando, solo vas a lograr afectar al primero de los elementos ya que capturas a todos los que tengan un identificador que empiece por el valor que indicas. Lo ideal sería que el evento afecte a cada elemento, de manera que cuando se produzca en el segundo, cuarto o noveno elemento, solo se afecte a ese y a nadie más que a ese.

Te sugiero utilizar una clase para todos los elementos, de tal modo que puedas delegar el evento de esta forma:

Código Javascript:

$(document).on("el evento", ".la clase", function(){
    //$(this) será el elemento afectado
});
 

Un saludo

[BlackJccl1]

Hola y gracias por contestar si ves menciono que ya traigo el valor de cada input de todas formas ya lo cambie por clase y el resultado para el input es el mismo me trae el valor pero como le paso ese valor al select para que le asigne el attributo selected segun el valor del input es decir a esta linea

Código Javascript:

function cargar_editar_cargo(){
  $.ajax({
    type: "POST",
    url: "funciones/ubigeo.php",
    data: "c=15",
    success: function(data){
      $("select[id^=e_cargo_homologado_contacto]").append(data);
      $('.m_info').each(function() {
        e_cc = $(this).val();
        $("select[id^=e_cargo_homologado_contacto] option[value="+e_cc+"]").attr("selected",true); //aqui quiero pasarle el valor del input y asignarle el attributo selected segun el valor del input 
        console.log(e_cc);
      });
    }
  });
}
 

ademas inicio del post puse que tanto el select como el input se generar con un while claro que el valor de cada input que se genera es distinto, ha por cierto no tengo ningun evento lo que hago es que esta funcion cargue cuando se carga otra funcion

[Alexis88]

Te enredas tanto por algo que se soluciona en una sola línea. Tan solo te basta con asignar el valor al combo, así si este coincide con el de alguna de las opciones, dicha opción se seleccionará.

DEMO (prueba cambiando el valor por el de alguna de las opciones)

Un saludo

[BlackJccl1]

Hola alexis y gracias por contestar vi tu ejemplo y es +- lo que quiero pero como lo aplicaría a mi caso lo probé asi

Código Javascript:

$("[id^=e_cargo_homologado_id]").each(function() {
        e_cc = $("[id^=e_cargo_homologado_id]");
        e_cc = $(this).val();
        console.log(e_cc)
        $("[id^=e_cargo_homologado_id]").val(e_cc).prop("selected",true);
      });
 

no se si este haciendo mal

[Alexis88]

Solo asígnale el valor y nada más. La selección de la opción será automática, tal y como has podido verlo en el ejemplo. Pero ten cuidado con la forma en la que lo haces, pues, de esa manera, asignarás el valor a todos los combos cuyo identificador empiece por "e_cargo_homologado_id" y si alguno de ellos no posee dicho valor, se seleccionará una opción en blanco.

Un saludo

[BlackJccl1]

mmm y como lo haría no se si sea mucho pedir

[Alexis88]

Exactamente como te lo he venido diciendo. Primero, tendrías que tomar solamente al combo al que deseas afectar; luego, le asignas el valor tal y como lo estás haciendo pero sin la última parte en la que intentas fijar la selección de la opción.

[BlackJccl1]

haber lo probé así pero no me funciona aun

Código Javascript:

$("[id^=e_cargo_homologado_id]").each(function() {
        e_cc = $("[id^=e_cargo_homologado_id]");
        e_cc = $(this).val();
        console.log(e_cc)
         document.querySelector("[id^=e_cargo_homologado_id]").value = e_cc
      });
 

no se que tengo que hacer

[Alexis88]

Antes de continuar, quiero saber si buscas afectar a todos los combos a la vez, lo cual quiere decir que todos poseen el valor que piensas establecer, o si deseas afectar solo a un combo. Dependiendo de eso, veremos cómo se puede seguir.

Un saludo

[BlackJccl1]

Haber veras todos los combos que se generan con el while cargan la misma información asi

Código HTML:

<select id="e_cargo_homologado_contacto1" class="form-control xy">
            <option value="Null">Seleccione Cargo</option>
          <option value="1">Gerente de Finanzas</option>
         <option value="2">Gerente de Desarrollo Humano</option>
          <option value="3">Jefe de Calidad</option>
</select>
 

claro que esto se carga con una funcion en ajax

Código Javascript:

function cargar_editar_cargo(){
  $.ajax({
    type: "POST",
    url: "funciones/ubigeo.php",
    data: "c=15",
    success: function(data){
      $("[id^=e_cargo_homologado_contacto]").append(data); // con esto cargo los option en el combo luego de la consulta que hago en php
      $("[id^=e_cargo_homologado_id]").each(function() {
        e_cc = $("[id^=e_cargo_homologado_id]");
        e_cc = $(this).val();
        console.log(e_cc)
        document.querySelector("[id^=e_cargo_homologado_contacto]").value = e_cc;
      });
    }
  });
}
 

ahora bien en el que genera los combos es el while este

Código PHP:

$q=@mysql_query($query, $link) or die(mysql_error());
    $n=1;
  while($r=@mysql_fetch_assoc($q)){
$cad.='<div class="cliente-info-principal">
<div class="col-md-4">
          <input type="hidden" id="e_cargo_homologado_id'.$n.'" value="'.$r['jc_cargo_homologado_contacto'].'"> //input que contiene el valor para asignarle el atributo selected al compo
          <select id="e_cargo_homologado_contacto'.$n.'" class="form-control" disabled>
            <option value="Null">Seleccione Cargo</option>
          </select>
        </div>
  </div>';
$n++;
    }
    echo $cad;
 

lo que quiere es que se asigne el atributo selected según el valor que se carga en este input claro que este valor existe en el combo el problema esta en que no todos los inputs tienes en mismo valor para poder asignarle el atributo selected al combo por ejemplo un input puede tener el valor 1 y otro el valor 2, claro como dije estos existen dentro del combo lo que quiero es asignar el atributo selected segun ese valor

[Alexis88]

En ese caso, lo que tendrías que hacer es, primero, tomar al elemento padre del combo mediante el método .parent(), luego, dentro de este, buscar a la caja de texto con el método .find(), tomar su valor y asignarlo al combo.

Sería más o menos así:

Código Javascript:

$.each($("[id^=el de las cajas de texto]"), function(){
    var padre = $(this).parent(),
        combo = padre.find($("[id^=el de los combos]");
    combo.val($(this).val());
});
 

Como te lo dije al inicio, $(this) representa a la caja de texto dentro de la función, así evitas conflictos con las demás cajas de texto al momento de tomarla. Recuerda que si el valor no existe entre las opciones del combo, se generará y seleccionará una opción vacía. Adáptalo a lo que tienes.

Un saludo

[BlackJccl1]

Hola Alexis muchas Gracias al final quedo asi

Código Javascript:

function cargar_editar_cargo(){
  $.ajax({
    type: "POST",
    url: "funciones/ubigeo.php",
    data: "c=15",
    success: function(data){
      $("[id^=e_cargo_homologado_contacto]").append(data);
      $("[id^=e_cargo_homologado_id]").each(function() {
        var e_ccid = $(this).parent(),
        e_cc = e_ccid.find("[id^=e_cargo_homologado_contacto]");
        e_cc.val($(this).val());
      });
    }
  });
}
 

Nuevamente Gracias por tu ayuda