Question

我需要在文本区域内键入一些内容，然后将在此处写入的文本存储在变量中。

示例：

我在文本区域输入“ Hello”。

我希望变量为：x = "Hello"

我尝试过

document.getElementById("someId").value;

这对我不起作用

<textarea id="ide" rows="13" cols="60"></textarea>

似乎我没有正确解释问题，每次输入时我都想存储值，但是我找到了一种方法：

function val(e) {
     console.log(e.value);
}

<textarea id="ide" rows="13" cols="60" onkeyup="val(this);"></textarea>

如果有人想知道，这就是答案，谢谢您的答复！

function val(e) {
     var someText = e.value;
     console.log(someText )

     if (someText == "text") {  
          document.getElementById("msg").innerHTML="new text"; 
     }
}

Answer 1

var valueInVar = '';
function textareaToVar(){
valueInVar = document.getElementById("myTextarea").value;
alert(valueInVar);
}

<textarea id="myTextarea" onfocusout="textareaToVar()"></textarea>

Answer 2

<!DOCTYPE html>
<html>
<body>

Address:<br>
<textarea id="ide" rows="13" cols="60">Hello</textarea>

<p>Click the button to change the contents of the text area.</p>

<button type="button" onclick="myFunction()">Try it</button>

<script>
function myFunction() {
  var x = document.getElementById("ide").value;
  alert(x);
}
</script>

</body>
</html>

Answer 3

您的ID不同，它在您的JavaScript中为“ someid”，而在HTML中为“ ide”。您需要将代码更改为：

<textarea id="ide" rows="13" cols="60"></textarea>

document.getElementById("ide").value;

在尝试获取值之前，您还需要确保已加载DOM。

<script type="text/javascript">
window.onload = function() {
    document.getElementById("delete").onclick = function() {myFunction()};

    function myFunction() {
        //your code goes here
        alert('Alert message here');
    }
};
</script>

Answer 4

您需要告诉程序何时要将textarea的内容放入变量中。

例如，如果您希望每次输入时都会发生这种情况，则需要在文本区域添加一个“ input”事件监听器：

let text;
let textarea = document.getElementById('ide');
textarea.addEventListener('input', function getText() {
  text = textarea.value;
});

如果要在单击按钮时获取值，则将click事件添加到该按钮。

let text;
let textarea = document.getElementById('ide');
let button = document.getElementById("btn");
button.addEventListener('click', function getText() {
    text = textarea.value;
});

如何从文本区域获取值并将其存储在变量中

4 个答案: