Pues si estas usando JQuery como dice tu etiqueta es sencillo utilizando los selectores con los que cuenta $("")
, solo debes usar lo siguiente:
Para obtener el input por el id:
const input = $('#id');
Para obtenerlo por la clase:
const input = $('.class');
Para obtenerlo mediante un atributo:
const input = $('input[attribute="value"]');
En tu caso para obtenerlo por dos atributos (id, nombre):
const input = $('input[id="idInput"][name="nombreInput"]');
Puedes ver más información sobre selectores para Jquery en https://api.jquery.com/category/selectors
Te dejo un ejemplo funcional:
function mostrarValor() {
const inputUno = $('#uno');
console.log('Input uno:', inputUno.val());
const inputDos = $('input[id="dos"][name="a"]');
console.log('Input dos:', inputDos.val());
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="uno" name="a" /><br>
<input id="dos" name="a" /><br>
<button onclick='mostrarValor()'>Mostrar valores</button>
Pero como bien te dicen en los comentarios el id debe ser único, es muy mala práctica que pase lo que mencionas (que el mismo id pueda existir en varios componentes incluso cuando es generado automáticamente).
id
debe ser único si o si, siempre, El id es un identificador del cliente, es decir se usa en el navegador y principalmente en javascript, aunque puedes obtener un elemento de otras maneras sin ocupar elid
. Elname
se usa del lado del servidor, cuando se envían los datos en un formulario, puede repetirse si se usan en forma de array, ej:nombre[]
con el sufijo[]
para algunos servidores, en otros es necesario colocar el índicenombre[1]