处理立即文本框值答案

【问题标题】：processing immediate text box value处理立即文本框值
【发布时间】：2013-07-12 04:52:52
【问题描述】：

是否有可能有一个文本输入字段在其他地方（例如在 div 中）显示其内容的变化？

示例：我输入 1，所以 1 立即输出到屏幕上的某个位置，然后我输入 2，之前的值现在更新为 12。

html

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

脚本

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

代码很好，但我希望屏幕的内部 html 值在 php 中格式化。示例：屏幕值存储到 $screen 中，然后我会将输出回显到屏幕中我想要的位置

[我想要 (echo "$screen";) 就像在 php 中一样，我将在文本框中输入数字意味着它会回显立即使用 php 格式的值]

如何将屏幕值存储到变量 $screen

【问题讨论】：

请在未来更好地表达您的问题。为了清楚起见，我现在对其进行了编辑，但很难理解您到底在问什么。

标签： php javascript html ajax

【解决方案1】：

您可以通过少量 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 脚本。

【讨论】：

答案很好，但我希望屏幕内部 html 值用于 php 格式示例的屏幕值存储到 $screen 然后将我想要的输出回显到屏幕中
你想在另一个php文件中显示输入的值吗？

【解决方案2】：

试试这个，

HTML

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

脚本

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

【讨论】：

【解决方案3】：

<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>

【讨论】：