Question

我有一个输入元素：

<input type="text" />

如何从此输入中获取文字？然后如何在页面的其他位置打印它或如何将页面中另一个元素的文本更改为它？

Answer 1

你需要写一个id来输入像＆lt;输入类型=“文本”id =“txtname”＆gt;，现在在javascript中你可以获取并设置text =

$（'＃txtname'）。val（）＆lt; - 从输入中获取文本 $（'＃txtname'）。val（'some text'）＆lt; - 设置要输入的文本

或

$（输入[type =“text]”）。val（）但这会选择所有类型为text的输入

Answer 2

尝试以下

var inputElem=document.getElementsByTagName('input')[0];
inputElem.style.textAlign='center';
var textInput=inputElem.value;

<!DOCTYPE html>
<html>
<head>
<title>HTML5, CSS3 and JavaScript demo</title>
</head>
<body>
<!-- Start your code here -->

<input type="text">

<!-- End your code here -->
</body>
</html>

Answer 3

试试这个：

<input type="text" id="inputID">

使用jquery

从输入框中获取文本

$('inputID').val();

从输入框中获取文本而不使用jquery

document.getElementById('inputID').value;

Answer 4

<input type='text' name='myInput' id='myInput' />

要使用javascript获取input的值，您需要使用getElementById() document对象的方法选择它：

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

现在你已经取得了＆amp;将它存储在变量中，似乎你想把它放在页面的某个地方。要实现这一点，您应该首先找到要更改其值的元素＆amp;然后将inputValue分配给其text或innerHTML：

//Assume we have an `h1` element in our desired position in the doc
<h1 id="targetPosition">....</h1>

现在我们将inputValue分配给h1：

document.getElementById("targetPosition").innerHTML = inputValue;

如何从输入元素获取文本并更改其他元素值？

4 个答案: