Estoy buscando una forma de copiar el valor de entrada en keyup a otros campos de entrada idénticos, para que todos contengan el mismo valor en tiempo real. Básicamente, quiero copiar el valor escrito actual en las otras entradas. Sin embargo, no puedo hacer que funcione:
tengo este html:
<input type="search" class="phrase" placeholder="Search"> <input type="search" class="phrase" placeholder="Search"> <input type="search" class="phrase" placeholder="Search">y este js:
getPhrase = () => { const phrase = document.querySelectorAll('.phrase'); let input; for (let i = 0; i < phrase.length; i++) { phrase[i].addEventListener('keyup', () => { input = phrase[i].value; console.log(input); }); } } getPhrase();Traté de agregar:
for (let i = 0; i < phrase.length; i++) { phrase[i].addEventListener('keyup', () => { input = phrase[i].value; console.log(input); }); phrase.value = input // <-- This won't work. }JsFiddle aquí . ¿Qué me estoy perdiendo?
hola Por favor use el siguiente código Creo que funcionará para usted
getPhrase = () => { const phrase = document.querySelectorAll('.phrase'); let input; phrase[0].addEventListener('keyup', (e) => { for (let i = 0; i < phrase.length; i++) { phrase[i].value = e.target.value console.log(input); } }); } getPhrase();No estoy seguro de entenderlo correctamente, pero si desea copiar el valor a los otros campos, entonces:
getPhrase = () => { const phrase = document.querySelectorAll('.phrase'); let input; for (let i = 0; i < phrase.length; i++) { phrase[i].addEventListener('keyup', () => { input = phrase[i].value; console.log(input); // loop thru the phrase's and give them value for (let j = 0; j < phrase.length; j++) { phrase[j].value = input; } }); } } getPhrase();De esta manera, puede modificar cualquier valor de búsqueda desde cualquier campo de búsqueda.