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

Posted 2023-05-07

【中文标题】带有文本框和 JS 的提交按钮

【英文标题】：Submit button with textbox and 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>