輸入代碼，更改顯示的價格，當用戶按下輸入

我有一個網站的塊，我需要允許用戶輸入代碼，並顯示價格變化。代碼是任意的，因爲實際價格是代碼將顯示的價格 - 我只是希望用戶覺得他們是'特殊'的。輸入代碼，更改顯示的價格，當用戶按下輸入

<h1 style="text-align: center;">Your choice for a one-time investment of just:</br> 
<a title="JUST $797" href="http://samplesite.com" target="_blank">$797</a></h1> 
<p style="text-align: center;"><strong>If you'd prefer a totally custom design, <a title="Custom Mobile Site Design" href="http://samplesite.com" target="_blank">click here</a>.</strong></p> 
<center><input type="text" id="EnterCode" /><div id="price" value="Code">Enter Code</div></center>

（在鏈接「標題=」行是存在的，因爲我使用的主題，不會讓我改變字體顏色，所以要得到它使用我想要的顏色，我有使它認爲這是一個鏈接..我將不得不進入CSS並稍後改變）

因此，鑑於上述代碼，當前顯示的價格是797美元。當用戶輸入任意代碼並按下輸入時，我希望797美元變爲397美元。

我在網上找不到任何東西可以指向正確的方向，於是我來到這裏，問你們。我真的很感激你能提供的任何幫助。

謝謝！

來源

2014-09-23 Black Beard

「我在網頁上給用戶gmail用戶名和密碼點擊，提前給代碼提示。」好悲傷。 – 2014-09-23 06:22:28

不需要在問題的標題中加上回答。如果選擇了答案，它會在主頁上顯示淺綠色，以便人們知道它已被回答。 – Rimble 2014-09-23 11:22:56

首先，您需要爲包含代碼的<a>標籤添加一個ID。事情是這樣的：

<a id="yourPriceId" title="JUST $797" href="http://samplesite.com" target="_blank">$797</a>

然後你就可以很容易地使用JavaScript做你想做的，使用一個事件監聽器，當用戶按下回車鍵，檢查，像這樣：

var input = document.getElementById("EnterCode"), 
    price = document.getElementById("yourPriceId"); 

input.addEventListener('keyup', function(e) { 
    if (e.keyCode === 13 && !!this.value) { 
     price.textContent = "$397"; 
    } 
});

注意：只有當用戶在輸入之前在輸入中輸入了某些內容時，這纔會起作用。如果您想要降低價格，即使用戶沒有輸入任何內容，只需從if聲明中刪除&& !!this.value即可。

來源

2014-09-23 06:23:36

謝謝噸！那正是我需要的。你真棒！ – 2014-09-23 11:17:52

輸入代碼，更改顯示的價格，當用戶按下輸入

回答

相關問題