Как отобразить содержимое текстового поля html в JavaScript?

Пересмотренный вопрос: Как вы можете отобразить текст, введенный в текстовое поле html в JavaScript?

https://jsfiddle.net/bjc7em1w/

<tr>
  <td id = "number1"> (1)</td>  
  <td> <input type = "radio" name = "radio1" id = "standardA1"> </td> 
  <td> <input type = "radio" name = "radio1" id = "standardI1"> </td> 
  <td id = "standard1">Describe the reason for the development of 
                     the plan and its annexes.</td>
   <td> <input type = "text" id = "comments1"> </td>     
</tr>

Здравствуйте и добро пожаловать в Stack Overflow. Что именно вы хотите сделать?

Sam 26.06.2019 16:09

Когда я нажимаю кнопку запуска отчета в этом jsfiddle, мне нужно, чтобы он отображал как стандарт, на который ссылается таблица html, так и текстовое поле (комментарии) также в этой таблице html. Я получил его для отображения стандарта без комментариев, но я не смог заставить его отображать оба. Имеет ли это смысл?

ddattilio-KDEM 26.06.2019 16:12

Что вы имеете в виду под "ссылкой"? И что вы имеете ввиду под словом "стандарт"?

Sam 26.06.2019 16:15

PS. Если вы хотите добавить информацию, пожалуйста, введите нет в разделе комментариев. Пожалуйста, отредактируйте свой вопрос и добавьте туда информацию, чтобы другие могли легко ее прочитать.

Sam 26.06.2019 16:16
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
4
35
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Поскольку описание проблемы было довольно запутанным для чтения, отвечу только на вопрос:

var text = document.querySelector("#textbox").value;
alert("The textbox value is: " + text);

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

Я пересмотрел вопрос, но вы только что ответили на него, так что спасибо.

ddattilio-KDEM 26.06.2019 16:19

Это решает ваш вопрос или вам нужно, чтобы я изменил его и объяснил больше / привел другой пример, который более соответствует вашему вопросу?

Sam 26.06.2019 16:25

Это не дало прямого ответа на мой вопрос, но привело меня в кроличью нору, которая в итоге решила мою проблему. Спасибо.

ddattilio-KDEM 26.06.2019 16:31
Ответ принят как подходящий

Если я правильно понимаю, вы хотите добавить сообщения обратной связи, связанные с вашей формой. Вы можете добавить пустой тег span в раздел, где вы хотите отобразить сообщение, и вызвать его при размытии.

Например, добавьте что-то вроде:

<tr>
    <td id = "number1"> (1)</td>  
    <td> <input type = "radio" name = "radio1" id = "standardA1"> </td> 
    <td> <input type = "radio" name = "radio1" id = "standardI1"> </td> 
    <td id = "standard1">Describe the reason for the development of the 
                       plan and its annexes.</td>
    <td> <input type = "text" id = "comments1" onblur = "message()"> 
         <span class = "message" id = "message"></span>
    </td>     
</tr>

Когда пользователь покидает раздел, вызывающий onblur, сообщение может быть вызвано следующим образом:

function message() { 
   document.getElementById("message").innerHTML = "message written here";
}

Вы можете добавить функциональность, чтобы определить, когда и как будет отображаться сообщение.

Другие вопросы по теме