Agregar Numero a id de input

[BlackJccl1]

Hola a todos como estan veran tengo el siguiente problema si alguien me puede ayudar
lo que quiero es que a un id de un input agregarle un numero por ejemplo algo id="e_valor1" pero el numero lo agregue el for que estoy haciendo

Código Javascript:

function eliminar_contacto_listado(){
  var el;
  for(i=0;i<6;i++){
    el= $("#e_id_contacto"+i).val();;
    }
    var eliminar_completado_contacto = $("#alerta-contacto-acciones").html("<div class='alert alert-danger'>Contacto Eliminado</div>");
  alert(el);
  eliminar_completado_contacto.html();
  list_contacto();
}
 

[Alexis88]

Lo estás haciendo mal. Para acceder a un atributo, debes de usar los métodos .attr() o .prop() y luego procedes a asignar el valor.

Código Javascript:

for (var i = 1, num = ""; i <= 6; i++){
    num += i;
}
 
$("#identificador").prop("id", $("#identificador").prop("id") + num);
 

Saludos

[BlackJccl1]

Gracias por tu respuesta alexis y como quedaría en esta liena

Código Javascript:

var el;
for (var i = 1, num = ""; i <= 6; i++){
    num += i;
}
 

Código Javascript:

var el = $("#e_id_contacto").prop("id",$("#e_id_contacto").prop("id")+num);
 

que es lo que dice id porque lo que quiero es que #e_id_contacto se le asigne un numero es decir #e_id_contacto1 asi y nuevamente gracias y disculpa mi ignorancia

[Alexis88]

Antes de responder a tu pregunta, ¿probaste el ejemplo? ¿Qué resultado obtuviste?

[BlackJccl1]

si lo acabo de probar y me sale object asi esta mi codigo

Código Javascript:

for(var i=1, num="";i<=6;i++){
    num +=i;
  }
  var el = $("#e_id_contacto").prop("id",$("#e_id_contacto").prop("id")+num);
  alert(el);
 

te menciono que esto esta dento de una funcion y la cual llamo con un botton

[Alexis88]

Lo que te mostré es para establecer un nuevo valor para el identificador del elemento. Si lo que ahora deseas es tomar al elemento con su nuevo identificador, bastará con que lo hagas antes del bucle, es decir, cuando aún posea su identificador original; el que luego modifiques dicho valor no hará que cambie lo que almacenaste previamente.

Saludos

[BlackJccl1]

entonces capturo mi variable antes luego la paso al bucle algo asi

Código Javascript:

var el = $("#e_id_contacto");
for(var i=1, el="";i<=6;i++){
    el +=i;
  }
var el = $("#e_id_contacto").prop("id",$("#e_id_contacto").prop("id")+num);
 

algo asi o estoy mal gracias nuevamente por tu ayuda

[Alexis88]

En la última parte, ya no tienes que asignar nada a la variable el.

[BlackJccl1]

en que linea en esta

Código Javascript:

var el = $("#e_id_contacto").prop("id",$("#e_id_contacto").prop("id")+num);
 

ya no iria

[Alexis88]

Así es.

[BlackJccl1]

Hola alexis Probe el codigo pero no me captura el valor me bota solo el numero 6, probe otra manera pero me bota NaN

Código Javascript:

for(var i=1;i<=6;i++){
    el =+$("#e_id_contacto"+i).val();
  }
 

es similar a la primera que puse funciona solo si le pongo los numeros en 1 o 2 pero no itera desde el numero uno hasta el numero 6 la otra manera fue la que mencionaste

Código Javascript:

var el = $("#e_id_contacto").val();
  for(var i=1,el="";i<=6;i++){
    el=+i;
  }
 

pero solo me captura el ultimo numero es decir el 6 y como quiero que es e_id_contacto1

[PHPeros]

El operador es +=, no =+.

[BlackJccl1]

Logre realizarlo pero porque me sale en mi alert algo asi

Código HTML:

,undefined164,undefined166,NaN,NaN

mi for ahora es asi

Código Javascript:

var ecl_id=[];
  for(var i=1;i<=6;i++){
     ecl_id[i]+=$("#e_id_contacto"+i).val();
  }
  alert(ecl_id);
}
 

lo unico que desea solo los numeros es decir los id 164,166

[PHPeros]

No me he leído el post entero. No hace falta nada especial:

Código Javascript:

var ecl_id=[];
for(var i=1;i<=6;i++){
   ecl_id[i] = $("#e_id_contacto"+i).val();
}
alert(ecl_id);
 

[BlackJccl1]

Gracias correji mi for tal como mencionaste

Código Javascript:

ecl_id[i] = $("#e_id_contacto"+i).val();
 

es decir le quite el +, ahora lo único seria sacar capturar un id es decir en mi alert aperce asi

Código HTML:

164,166

lo que necesito es sacarlo uno a uno para mandarlo como variable es decir solo quiero el 164

[Alexis88]

¿Tan difícil se te hizo hacer esto?

Código Javascript:

var el = $("#identificador");
 
for (var i = 1, num = ""; i <= 6; i++){
    num += i;
}
 
$("#identificador").prop("id", $("#identificador").prop("id") + num);
 

Y si luego haces esto:

Código Javascript:

alert(el.prop("id"));
 

Verás que el id se actualizó correctamente.

[BlackJccl1]

lo he probado y me sale este error

Código HTML:

Uncaught TypeError: Cannot read property 'prop' of undefined

mi cadigo esta asi

Código Javascript:

var el = $("#e_id_contacto");
  for(var i=1,num="";i<=6;i++){
     num +=i;
  }
  $("#e_id_contacto").prop("id", $("#e_id_contacto").prop("id") + num);
  alert(el.prop("id"));
 

[BlackJccl1]

disculpa esta asi

Código Javascript:

var el = $("#e_id_contacto").val();
  for(var i=1,num="";i<=6;i++){
     num +=i;
  }
  $("#e_id_contacto").prop("id", $("#e_id_contacto").prop("id") + num);
  alert(el.prop("id"));
 

[Alexis88]

A la variable el le asignas el valor que contiene el elemento, no al elemento en sí.

Tienes que fijarte bien en lo que haces.

[BlackJccl1]

lo que necesito es que cambie el id del elemento pero tambien obtener su valor para mandarlo como variable

[Alexis88]

¿Y qué te cuesta obtener el valor después de terminado el proceso?

Hombre, ya pues, tienes que pensar un poco más. Tu problema ya no es de código sino de lógica y orden.

[BlackJccl1]

lo intente como mencionas pero obtengo esto en el alert

Código HTML:

undefined

mi código esta así

Código Javascript:

var el = $("#e_id_contacto");
  for(var i=1,num="";i<=6;i++){
     num +=i;
  }
  $("#e_id_contacto").prop("id", $("#e_id_contacto").prop("id") + num);
  el = $("#e_id_contacto").val();
  alert(el);
 

[Alexis88]

Como te dije en mensajes anteriores, ya no hace falta que vuelvas a asignar algo a la variable el después de la primera vez; con haberlo hecho al principio es suficiente. En la segunda vez que lo haces, no logras tomar nada porque el id ya cambió.

[BlackJccl1]

tambien probe tu codigo y en el alert me muesta lo mismo

Código HTML:

undefined

este es el codigo

Código Javascript:

var el = $("#e_id_contacto");
  for(var i=1,num="";i<=6;i++){
     num +=i;
  }
  $("#e_id_contacto").prop("id", $("#e_id_contacto").prop("id") + num);
  alert(el.prop("id"));
 

[BlackJccl1]

entonces seria asi el codigo

Código Javascript:

var el = $("#e_id_contacto");
  for(var i=1,num="";i<=6;i++){
     num +=i;
  }
  $("#e_id_contacto").prop("id", $("#e_id_contacto").prop("id") + num);
  el.val();
  alert(el);
 

lo probe asi y no me trae el valor me sale lo mismo undefined

[Alexis88]

Si la alerta te muestra eso, entonces el id no es el correcto. Fíjate que haciéndolo de la manera en la que te lo he venido diciendo desde un principio, sí funciona.

[BlackJccl1]

Ya vi porque sale

Código HTML:

undefined

porque el id que le asigna no es el correcto segun el for el id que le asigna es e_id_contacto123456 cuando deberia ser e_id_contacto1 es decir en el bucle le asigna todos los numeros por eso hice un array que fue la otra alternativa y esto lo tengo asi

Código Javascript:

var el=[];
for(var i=1;i<=6;i++){
   el[i]=$("#e_id_contacto"+i).val();
}
alert(el);
 

sale bien pero solo quiero un que me pase los valores uno por uno no todos

[Alexis88]

Como que la idea no es clara. ¿Quieres añadir los seis números pero que cambien uno a uno? Es decir, primero "e_id_contacto1", luego "e_id_contacto2" y así sucesivamente. (?)

Trata de explicarnos mejor el fin de hacer eso porque de verdad que no le veo ningún sentido.

[BlackJccl1]

Lo hago asi porque los inputs de donde jalo el valor estan de esa manera por eso lo quiero asi por tal motivo hice tanto lio.

por eso puse el ejemplo en alguna parte del post e_id_contacto1

Gracias por tu tiempo

[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" />
 

Y cuando quieras hacer referencia a alguno de ellos, tómalo por la posición que ocupa, por ejemplo, el primero sería el número cero.

Código Javascript:

$(".ejemplo").eq(0); //Devuelve al primero
 

Saludos