替換文本的文字，其在文本框

Question

進入這個文本字段代碼

<input type="text" name="total" value="<?=$data->Total;?>" placeholder="Net Total" id="input-sku" class="form-control"> 

在這當我輸入的東西就應該自動與上述文本框的輸入值替換文本「金額」。

這是一個文本框的代碼：

<textarea name="reciept" rows="8" id="input-comment" class="form-control">Please pay exactly AMOUNT to this account</textarea> 

所以，當我在文本框輸入任何值應該與它在textarea的替換文本金額。我認爲這將是jQuery

Answer 1

爲了確保您可以反覆使用「模板」，我保存它使用data()（您可以read more here）。
除此之外 - 爲了確保沒有人能夠改變你的textarea的內容，我將它設置爲disabled，以確保用戶無法在那裏更改值。

檢查這個例子：

$(function() { 
 
    $('#input-comment').data('originalContent', $('textarea').val()); 
 
    $('input[name=total]').on('keyup', function() { 
 
    if ($(this).val()) { 
 
     newval = $('#input-comment').data('originalContent').replace('AMOUNT', $(this).val()) 
 
     $('#input-comment').val(newval); 
 
    } else { 
 
     $('#input-comment').val($('#input-comment').data('originalContent')); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="total" value="123" placeholder="Net Total" id="input-sku" class="form-control"><br /> 
 
<textarea name="reciept" rows="8" cols="50" id="input-comment" class="form-control" disabled="disabled">Please pay exactly AMOUNT to this account</textarea>