2013-07-12 81 views
0

是否有可能在其他地方顯示文本輸入字段(例如,在div中)其內容是否發生了變化?處理直接文本框的值

實施例:I型1,所以1某處輸出我的屏幕上立刻,然後I型2和先前的值被更新至12

HTML

<input type="text" id="inputField" /> 
<div id="screen"></div> 

腳本

document.getElementById('inputField').onkeyup = function(){ 
document.getElementById('screen').innerHTML = this.value; 
}; 

的代碼是好的,但我想在屏幕的內部HTML價值爲b在PHP格式。例如:屏幕值存儲到$屏幕,然後我回顯輸出,我想進入屏幕

[我想(回聲「屏幕」;)像在PHP中我會輸入數字在文本框意味着它呼應立即用PHP格式使用的值]

如何存儲的屏幕值到變量$屏幕

+0

請在未來更好地說出您的問題。爲了清楚起見,我已經編輯了它,但很難理解你究竟在問什麼。 – thomaux

回答

0
<html > 
<head> 
    <script type="text/javascript"> 
     function KeyHandler() { 
      var result = document.getElementById('result'); 
      result.innerHTML=document.getElementById('txtInput').value; 

     } 
    </script> 
</head> 
<body > 
<div>Type something.........</div><br /> 
<input type='text' id='txtInput'onkeyup="KeyHandler()" /> 

<br/> 
Result: 
<div id="result"></div> 
</body> 
</html> 
1

試試這個,

HTML

<input type="text" id="addInput" /> 
<div id="showdata"></div> 

SCRIPT

$('input#addInput').on('keyup',function(){ 
    $('div#showdata').html($(this).val()); 
}); 
2

您可以通過一些JavaScript代碼,(假設你需要顯示在輸入字段中輸入一個HTML DIV文本)做到這一點, 因此,嘗試這HTML,

<input type="text" id="inputField" /> 
<div id="screen"></div> 

並綁定onkeyup事件輸入欄,通過它可以獲取文本當有人進入它。所以,你的JavaScript將是,

document.getElementById('inputField').onkeyup = function(){ 
    document.getElementById('screen').innerHTML = this.value; 
}; 

工作演示here,你可以通過在你的HTML代碼的形式元后輸入字段值的任何PHP腳本。

+0

答案是好的,但我想屏幕內存的HTML值爲PHP格式示例屏幕上的值,存儲到$屏幕然後回顯輸出,我想進入屏幕 –

+1

是否要在另一個PHP文件中顯示輸入的輸入值? –