скопировать данные из контейнера без id и вставить в input

Question

скопировать данные из контейнера без id и вставить в input

Рейтинг: 0Ответов: 2Опубликовано: 07.08.2023

Необходимо взять данные из <div contenteditable="plaintext-only">Москва</div> и вставить в input с id="cascoon-autocomplete_2"

Я пробовал через input value, но не получилось

<script>
    document.getElementById("flights-destination-prepop-whitelabel_ru").oninput = () => {
      const input = document.getElementById('flights-destination-prepop-whitelabel_ru');
      const output = document.getElementById('cascoon-autocomplete_2');
    
      output.value = input.value;
    };
</script>

javascript

Источник: Stack Overflow на русском

Answer 1

▲ 2

Можно так

document.getElementById("flights-destination-prepop-whitelabel_ru").oninput = () => {
    const input = document.querySelector('[contenteditable=plaintext-only]');
    const output = document.getElementById('cascoon-autocomplete_2');
    output.textContent = input.textContent;
}

Answer 2

▲ 1

Необходимо взять данные из Москва и вставить в input с id="cascoon-autocomplete_2"

Например вот так...

Если у тебя такое не работает - значит придется тебе делать нормальный тестовый пример вместо фотки.

const v = document.querySelector('[contenteditable="plaintext-only"]').textContent
document.querySelector('#cascoon-autocomplete_2').textContent = v

<div contenteditable="plaintext-only">Москва</div>
<p id="cascoon-autocomplete_2"></p>

скопировать данные из контейнера без id и вставить в input

Ответы