使用文本框和JS提交按钮

时间:2017-12-17 11:10:26

标签: javascript html html5 button

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

2 个答案:

答案 0 :(得分:0)

您可以使用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>
&#13;
&#13;
&#13;

最终值包含在myValue变量中。

答案 1 :(得分:0)

//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>