从框旁边的输入文本框中回显数据答案

【问题标题】：Echo data from input textbox beside box从框旁边的输入文本框中回显数据
【发布时间】：2015-04-02 09:47:45
【问题描述】：

如果输入框有数据，我想显示输入框文本的输入，就在输入框旁边。

我想在结帐时使用它作为客户名称。当客户输入他们的名字时，它会在旁边回显“嗨（客户名称）”

输入框在同一页面上。所以需要在输入框旁边显示回显。

当客户不再关注此输入框时，需要显示数据。所以当它点击另一个输入框或者旁边的时候，它需要被显示出来。

我该如何解决这个问题？

【问题讨论】：

你想要输入框文本在另一个页面上吗？它在同一页面上吗？每次按键都需要更新吗？请提供更多信息。
@Michiel 谢谢，我编辑了我的问题。

标签： php input echo inputbox

【解决方案1】：

如果你对纯内联 JavaScript 没问题，你可以使用 onblur 事件来实现：

<input type="text" value="" onblur="if(this.value !=''){document.getElementById('hi').innerHTML='Hi, '+this.value;}else{document.getElementById('hi').innerHTML='';}" />
<span id='hi'></span>

如果输入失去焦点且不为空，则空跨度或任何其他 html 占位符将填充“嗨，（用户名）”。

【讨论】：

【解决方案2】：

您正在寻找 Javascript，而不是 php。

为了简单起见：

function sayHi(){
  var name = document.getElementById("box1").value;
  document.getElementById("username").innerHTML = name;
}

&lt;input type="text" id="box1" onblur="sayHi();"&gt;&lt;span id="username"&gt;&lt;/span&gt;

【讨论】：

我提供了一个小提琴 sn-p。您将脚本设置为 onLoad，您需要将其包装在 <head> 中。固定：jsfiddle.net/kysrp39u/1