处理即时文本框值
处理即时文本框值
提问于 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中，然后将输出回显到屏幕上
我想要(回显"$screen";)像在php中一样，我将在文本框中键入数字，这意味着它回显了与php格式直接使用的值
如何将屏幕值存储到变量$screen中
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-07-12 05:56:42
<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>Stack Overflow用户
发布于 2013-07-12 05:55:31
您可以通过少量的javascript代码(假设您需要在html div上的输入字段中显示文本)来完成这一任务，所以请在html中这样做，
<input type="text" id="inputField" />
<div id="screen"></div>并将一个上键事件绑定到输入字段，当有人输入文本时，您可以通过该输入字段获取文本。所以你的javascript
document.getElementById('inputField').onkeyup = function(){
document.getElementById('screen').innerHTML = this.value;
};工作演示这里，您可以通过在html代码中包含一个表单元素将输入字段值发布到任何php脚本。
Stack Overflow用户
发布于 2013-07-12 04:58:47
尝尝这个,
<input type="text" id="addInput" />
<div id="showdata"></div>脚本
$('input#addInput').on('keyup',function(){
$('div#showdata').html($(this).val());
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17607643
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号