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

时间:2015-04-02 09:47:45

标签: php input echo inputbox

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

我想在结账时使用它来获取客户名称。 当客户输入他们的名字时,它会在它旁边回响"嗨(客户名称)"

输入框位于同一页面上。因此,回声需要显示在输入框旁边。

当客户不再关注此输入框时,需要显示数据。因此,当它点击其他输入框或旁边时,需要显示它。

我该如何解决?

2 个答案:

答案 0 :(得分: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占位符将填充“嗨,(用户名)”。

答案 1 :(得分:0)

您正在寻找Javascript,而不是PHP。

使它变得非常简单:

&#13;
&#13;
function sayHi(){
  var name = document.getElementById("box1").value;
  document.getElementById("username").innerHTML = name;
}
&#13;
<input type="text" id="box1" onblur="sayHi();"><span id="username"></span>
&#13;
&#13;
&#13;