主页 / 问题 / 1198722
Accepted
Илья Дударь
Asked:2021-11-02 02:09:47 +0000 UTC2021-11-02 02:09:47 +0000 UTC

如何使用 JavaScript 将输入的文本分配给 html 中的变量？

  • 772

我读到这是通过 value 属性完成的。但我不明白在哪里开什么药？

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег</title>
 </head>
 <body>

  <form action="textarea1.php" method="post"></form>
    <p ><b>Введите ваш отзыв:</b></p>
    <p><textarea rows="10" cols="45" name="text"value="myFunction().A"  ></textarea></p>
    <p><input type="submit" value="Отправить"></p>
  </form>

 </body>
</html>
javascript

3 个回答

  1.     document.addEventListener('DOMContentLoaded', function () {
        let text = document.getElementsByName('text')[0];
        text.addEventListener('input', function (t) {
            let p = document.getElementById('val');
            p.innerText = this.value;

        });
    })
    <form action="textarea1.php" method="post"></form>
<p><b>Введите ваш отзыв:</b><br><b id="val"></b></p>
<p><textarea rows="10" cols="45" name="text"></textarea></p>
<p><input type="submit" value="Отправить"></p>
</form>

    • 3
  2. Best Answer

    如果您想在单击按钮时获取文本：

    （要在键入时获取文本，您需要跟踪 textarea 上的其他事件）

    function analyze() {
    let textarea = document.querySelector('.mytext');
    console.log(textarea.value);
}
    <!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег</title>
 </head>
 <body>

  <form action="textarea1.php" method="post"></form>
    <p><b>Введите ваш отзыв:</b></p>
    <p><textarea class = 'mytext' rows="10" cols="45" name="text">Какой-то текст</textarea></p>
    <p><input type="submit" value="Отправить" onClick='analyze()'></p>
  </form>

 </body>
</html>

    • 2 

  3. const form = document.querySelector('.form');
const textarea = form.querySelector('.textarea');

form.addEventListener('submit', e => {
  e.preventDefault();
  const value = textarea.value;
  console.log(value);
});
    <form action="textarea1.php" class="form" method="post">
  <p><b>Введите ваш отзыв:</b></p>
  <p><textarea rows="5" cols="20" name="text" class="textarea"></textarea></p>
  <p><input type="submit" value="Отправить"></p>
</form>

    • 2

相关问题