如何從輸入元素獲取文本並更改其他元素值？

-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

如何從輸入元素獲取文本並更改其他元素值？

回答

相關問題