如何根據用戶輸入更新文本？

我知道這可能很簡單，但是如何根據用戶的輸入更新文本？如何根據用戶輸入更新文本？

例如，我有開始了這樣的電子郵件模板：

*問候，我的名字是_ _我爲_筆者__這是可在亞馬遜網站上購買。*

我想爲用戶創建一些簡單的輸入字段，以便插入他們的名字和書名。還有幾個輸入。我只需要最後的輸出，根據他們提交的內容，將他們自己的信息插入到正確的位置，爲他們提供模板的全文。

什麼是最簡單最簡單的方法來實現這個目標？先謝謝你。

來源

2014-02-12 ashloren

請[編輯]這個問題，添加標籤以指示適用的編程語言和/或程序/工具使用。 – Dukeling

你使用的是PHP嗎？ –

我一直希望能夠使用javascript，我對PHP不太熟悉......但是可以幫助使用任何語言，只要爲noob（我是初學者）設置相對簡單。 – ashloren

似乎你是在尋找一種簡單的格式方法，爲此你必須使用任何插件。

否則：

<input type="text" id="inputName"></input> 
<input type="text" id="inputAuthor"></input> 

var name = $('#inputName').val(); 
var author = $('#inputAuthor').val(); 
var t = "*Greetings, My name is " + name + " I'm the author of " + author + " which is available on Amazon.com.";

你可以試試DEMO here。

來源

2014-02-12 13:09:59

請注意，這不會自動更新;你需要將它插入到某個函數中並將其綁定到某個事件（例如：「更改」任一輸入或「按」某個按鈕）。 –

是的，我知道，在小提琴中，事實上，指示是在按鈕點擊時進行的！ –

沒錯，但僅供任何人瀏覽並不尋找小提琴鏈接。 :) –

使用此。

$('button').click(function() { 
        var str = 'Greetings, My name is ' + $('#name').val() + 'and I\'m the author of ' + $('#book').val() + ' which is available on Amazon.com.'; 
        $('#template').html(str); 
       });

演示：http://jsfiddle.net/7bLJK/

來源

2014-02-12 13:12:46

如果你沒有找到你可以使用一個easer方式的jQuery：

$(document).ready(function() { 
    $('.my-inputs').each(function() { 
     $(this).on('keyup', function() { 
      var name = $('#name').val() == '' ? '___' : $('#name').val(); 
      var book = $('#book').val() == '' ? '___' : $('#book').val(); 
      $('#result').html("*Greetings, My name is " + name + " and I'm the author of " + book + " which is available on Amazon.com.*"); 
     }); 
    }); 
});

http://jsfiddle.net/XEzBw/

來源

2014-02-12 13:13:46

如何根據用戶輸入更新文本？

回答

相關問題