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

-2

<input type="text" />

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

来源

2017-03-01 Oire

什么你的意思是定位？你想要动态改变输入字段的位置吗？或者你想渲染另一个元素中的输入文本？ – samson

我想从输入中获取文本并设置文本的位置 – Oire

你需要一个ID写入输入像<输入类型= “文本” ID = “改为txtName”>，现在在JavaScript，你可以获取和设置文本=

$（ '＃改为txtName'）。 VAL（）< - 从输入得到的文本 $（ '＃改为txtName'）VAL（ '一些文本'）< - 设置文本输入

或

$（输入[类型= “TEXT]” ）.val（）但是这个选择所有带有文本类型的输入

来源

2017-03-01 17:45:35

尝试以下

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>

来源

2017-03-01 17:45:39 liontass

试试这个：

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

要使用jQuery

$('inputID').val();

要想从输入框中的文本，而不jQuery的从输入框中获得文本

document.getElementById('inputID').value;

来源

2017-03-01 17:48:16

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

为了input价值使用你需要的JavaScript做getElementById()方法document对象的选择它来获得：

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

现在你已经获取&它保存在一个变量，看来你想把它放在页面的某个地方。要做到这一点，你应该先找到您要更改其值&然后分配inputValue其text或innerHTML元素：

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

现在我们将分配给inputValueh1：

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

来源

2017-03-01 17:58:16 NDFA

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

回答

相关问题