如何将输入数据视为变量？

Question

如何使用例如<input>的HTML输入数据，然后对其进行解释？我的意思是，我想输入exaplme的age并将其视为变量，以便稍后在脚本中建立age的功能。

Answer 1

您只需要使用javascript获取<input>值。 例如：

<input type="text" id="age" />

在javascript中：

var x = document.getElementById("age");
var age = x.value;

现在您可以将年龄视为变量

Answer 2

如果您不想使用jQuery，则可以使用JavaScript的getElementById函数。一个例子：

HTML：

<input id="someInputField" type="text" name="someInput">

JavaScript：

var inputValue = document.getElementById("someInputField").value;

您还可以使用getElementByName方法按名称获取值。

有关更多信息，请参阅文档：

https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById

Answer 3

首先，您需要从DOM中选择它。

const inputField = document.querySelector('#my-input');

然后您可以使用inputField.value

查看其中的当前值

Answer 4

据我了解，您所关心的是使用HTML元素（例如标签和跨度）来进行用户输入。虽然您可以始终对表单元素进行样式设置以使其具有所需的外观，但是要实现此目的，可以使用HTML的contenteditable属性：

 <span contenteditable="true" id="input">This is an editable paragraph.</span> 

在JavaScript端，您可以使用jquery轻松检测onChange事件并调用函数以执行以下操作：

$('#input').on('change', function(){ 
    alert($(this).val() ); 
    // or any other operation you'd want to perform
});