0

是否有可能有一个文本输入字段在其他地方（例如在 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

4

3 回答 3

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

工作演示在这里，您可以通过在您的 html 代码中包含一个表单元素将输入字段值发布到任何 php 脚本。

于 2013-07-12T05:55:31.610 回答
1

尝试这个，

HTML

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

脚本

$('input#addInput').on('keyup',function(){
   $('div#showdata').html($(this).val());
});
于 2013-07-12T04:58:47.483 回答
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>
于 2013-07-12T05:56:42.207 回答