Agregar Numero a id de input

[BlackJccl1]

Iniciado por Alexis88

Si dices que están de esa manera, entonces estás cometiendo un error ya que el id debe de ser único y cuando trates de recorrer el conjunto de cajas de texto, solo tomarás a la primera.

No te compliques y usa una clase para todos.

Código HTML:

<input type = "text" class = "ejemplo" />
<input type = "text" class = "ejemplo" />
<input type = "text" class = "ejemplo" />
 

Saludos

lo que sucede es que esta asi el input desde donde jalo el valor

Código PHP:

<input id=e_id_contacto'.$n.' type="hidden" value='.$r['jc_contacto_id'].'>
 

se arma con un while en php si no lo haria de la manera que mencionas

[Alexis88]

En ese caso, haz esto:

Código Javascript:

$("[id^=e_id_contacto]").each(function(input){
    alert($(this).val());
});
 

De esa manera, tomas a los elementos cuyo id empiece por "e_id_contacto", los recorres y en cada ciclo tomas el valor y haces con él lo que desees, como mostrarlo en un mensaje de alerta, por ejemplo. De todos modos, si tienes acceso al código PHP, podrías eliminar los id y asignar una clase.

Saludos

[BlackJccl1]

Gracias por tu ayuda pero no debería declarar en una variable porque lo que deseo el mandar es valor de ese input porque como lo manipularía si lo quiero meter en algo como esto

Código Javascript:

$.ajax({
  type: "GET",
  url: "eliminar-contacto.php",
  data:{
  'ecl_id' : ecl_id
},
  success: function (data) {
    alert(data);
  }
});
 

[Alexis88]

La respuesta te la dí en uno de los mensajes anteriores. Cuando tomas al conjunto de cajas de texto de esta manera:

Código Javascript:

$("[id^=e_id_contacto]")
 

Puedes tomar a una de ellas usando el método .eq().

Código Javascript:

alert($("[id^=e_id_contacto]").eq(0).val()); //El valor de la primera
alert($("[id^=e_id_contacto]").eq(1).val()); //El valor de la segunda
alert($("[id^=e_id_contacto]").eq(2).val()); //El valor de la tercera
 

Tienes que leer más el manual de jQuery pues tiene muchos métodos que puedes usar.

[BlackJccl1]

tu primer ejemplo esta bien y el segundo también pero para fines de este caso los inputs se generan asi a travez de php con una consulta

Código PHP:

$link = getConexion();
  $query = "SELECT * FROM  contacto  WHERE contacto.jc_empresa_id=".$v;
  $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="row">
     <input id=e_id_contacto'.$n.' type="hidden" value='.$r['jc_contacto_id'].'>
     <div class="input-group" style="width:100%">
      <button class="btn btn-primary btn-eliminar-contacto" id=ecl_contacto'.$n.' onclick="eliminar_contacto_listado()" disabled>Eliminar</button>
      <label class="control-label col-md-1">Nombres</label>
        <div class="col-md-4">
          <input class="form-control" id=e_nombre_contacto'.$n.' type="text" value="'.$r['jc_contacto_nombre'].'" disabled>
        </div>
    </div>';
    $n++;
    }
 

y el while genera varios bloques segun los registros que existan en la bd entonces lo que quiero es que a travez del boton eliminar que esta hai elimine el registro y solo necesito capturar el id para enviarlo a travez de ajax como te mostre en el mensaje anterior

[Alexis88]

Si tan solo lo hubieras explicado así desde un inicio.

En ese caso, para tomar el id del <input> que se encuentra dentro de ese bloque, debes de, primero, saber en qué bloque estás, pues supongo que hay tantos bloques como cajas de texto y botones de eliminar. Para esto, deberás de tomar a dicho bloque con el método .parents(), pasándole la clase del bloque, luego, dentro de él, buscas al elemento cuyo id comience con "e_id_contacto" y ya teniéndolo, procedes a tomar su id.

Código Javascript:

var id;
 
$("[id^=ecl_contacto]").on("click", function(){
    id = $(this) //El botón
            .parents(".row") //El bloque
            .find("[id^=e_id_contacto]") //El <input> buscado
            .prop("id"); //El id del <input> buscado
});
 

De esta forma, cuando se dé un clic en cualquier botón de eliminar, se realizará lo que muestro en el ejemplo.

[BlackJccl1]

y para ver el valor que esta capturando como le agrego un .val() y dentro de esta funcion puedo poner un alert porque esta un poquito confuso el codigo sera por mi falta de experiencia en jquery

[Alexis88]

La última línea cambiaría. En lugar de tomar el id, tomarías el valor.