@JSnewbie

Как при клике на элемент скопировать его текст в input value?

К примеру, есть вот такая HTML конструкция с одинаковыми селекторами:
<div class="text-wrap">
    <div class="text-item">
        Текст 1
    </div>
    
    <div class="text-item">
        Текст 2
    </div>
    
    <div class="text-item">
        Текст 3
    </div>
    
    <div class="text-item">
        Текст 4
    </div>
</div>

<div class="input-wrap">
    <input id="input" type="text" value="Текст 1">
</div>


Как при клике на элемент с классом text-item скопировать его содержимое в поле #input?
  • Вопрос задан
  • 367 просмотров
Решения вопроса 2
const input = document.getElementById('input');
const items = document.querySelectorAll('.text-item');

const setValueToInput = ({ target: { textContent } }) => {
  input.value = textContent.trim();
}

for (const item of items) {
  item.addEventListener('click', setValueToInput);
}
Ответ написан
Комментировать
sergiks
@sergiks Куратор тега JavaScript
♬♬
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@zkrvndm
Софт для автоматизации
<div class="text-wrap">
    <div onclick="document.querySelector('#input').value = this.innerText" class="text-item">
        Текст 1
    </div>
</div>

<div class="input-wrap">
    <input id="input" type="text" value="Текст 1">
</div>
Ответ написан
Комментировать
gluck59
@gluck59
Виртуальный глюк
1. установи любой обработчик клика по нужному элементу
2. по сработке возьми $('input').val() если речь идет о JQ.
3. используй где надо
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы