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

我想要显示来自输入框文本的输入，如果它有数据，则在输入框旁边。从框旁边的输入文本框回显数据

我想在我们的客户名称结帐中使用它。当客户输入他们的名字时，它会在旁边回显“Hi（customer-name）”

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

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

我该如何解决这个问题？如果输入

<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占位符将填补“嗨，（用户名）”：

来源

2015-04-02 Henk Z

你想在另一页上的输入框的文本？它在同一页上吗？是否需要为每次按键更新？请提供更多信息。 – 2015-04-02 09:51:16

@Michiel谢谢，我编辑我的问题。 – 2015-04-02 09:53:32

如果你是纯粹的内联JavaScript OK，就可以达到这个使用onblur事件失去了重点，并不是空的。

来源

2015-04-02 10:15:06

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

要使它非常简单：

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

<input type="text" id="box1" onblur="sayHi();"><span id="username"></span>

来源

2015-04-02 10:19:55

嗨，我试过你的代码，但那不起作用。请参阅https://jsfiddle.net/kysrp39u/ – 2015-04-02 10:38:54

我提供了一个小提琴片段。您将脚本设置为onLoad，您需要将其包装在''中。修正：https：//jsfiddle.net/kysrp39u/1/ – 2015-04-02 10:41:23

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

回答

相关问题