使用文本框和JS提交按钮

Question

我想创建一个带有submitt按钮的文本框，然后将文本框中的数据存储到js变量中。我怎样才能做到这一点？

Answer 1

您可以使用HTML forms执行此操作，然后使用JavaScript获取value属性：

var myValue;
function submit() {
  myValue = document.getElementById("myTextArea").value;
  console.log(myValue);
}

<form action="javascript:submit()">
  <textarea id="myTextArea"></textarea>
  <input type="submit">
</form>

最终值包含在myValue变量中。

Answer 2

//get value in console log
var a = document.getElementsByTagName('textarea')[0];
document.getElementsByTagName('input')[0].addEventListener('click',function(e){
e.preventDefault()
console.log(a.value)
})
//or get value in specific div
document.getElementsByTagName('input')[0].addEventListener('click',function(e){
e.preventDefault()
document.getElementById('val').innerHTML = a.value;
})

<form>
<textarea></textarea>
 <input type="submit">
 <br/>
</form>
 <div id='val'></div>