Передача ввода в поле span - PullRequest
Новая
       5

Передача ввода в поле span

1 голос
/ 19 марта 2020

Я пытаюсь передать входные данные из входного поля в поле span. Я использую раскрывающийся список API с результатами. Поэтому, если люди нажимают на результат поиска, он автоматически заполняется (как в Google). Я хочу передать этот результат в поле span, которое есть на моей странице.

Однако я не хочу, чтобы событие щелкало, если люди нажимают на результат. Скорее, когда люди щелкают из поля ввода ..

Это то, что я пробовал: 

    <div>
        <input id="exercise-search" class="form-control" type="text" name="data">
    </div>
    <span id="namespan">Name</span>

И простой сценарий: 

        <script>

            var name = document.getElementById("exercise-search").value;
            document.getElementById("namespan").textContent=name;

            function reload(){
                var container = document.getElementById("namespan");
                var content = container.innerHTML;
                container.innerHTML= content;
            }
        </script>

Однако у меня все еще есть вручную обновить sh страницу, чтобы увидеть результат. Как я могу автоматизировать это?

1 Ответ

2 голосов
/ 19 марта 2020

Добавить прослушиватель для события change в поле ввода. Это будет выполнено, когда пользователь редактирует поле и щелкает его. 

document.getElementById("exercise-search").addEventListener("change", function() {
    var name = this.value;
    document.getElementById("namespan").textContent=name;
});
...