從框旁邊的輸入文本框回顯數據

我想要顯示來自輸入框文本的輸入，如果它有數據，則在輸入框旁邊。從框旁邊的輸入文本框回顯數據

我想在我們的客戶名稱結帳中使用它。當客戶輸入他們的名字時，它會在旁邊回顯「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

從框旁邊的輸入文本框回顯數據

回答

相關問題