带有文本框和 JS 的提交按钮

【问题标题】：Submit button with textbox and JS带有文本框和 JS 的提交按钮
【发布时间】：2018-05-30 23:17:21
【问题描述】：

我想创建一个带有提交按钮的文本框，然后将文本框中的数据存储到一个 js 变量中。我该怎么做？

【问题讨论】：

Get value from text area的可能重复
@FastSnail 他们还想知道如何编写 HTML，而不仅仅是使用现有 HTML 的 JS ......我也喜欢将某些东西标记为重复的重复 ????

【解决方案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 变量中。

【讨论】：

【解决方案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>

【讨论】：