如何使用 jQuery 在輸入框或 html 元素中獲取輸出？

Question

 $(document).ready(function() { $('form').submit(function() { var principle = $("#principle").val(); var rate = $("#rate").val(); var time = $("#time").val(); var interest = principle * rate * time / 100; interest = $("p").append(interest); return false; }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form> <div class="table commonTable"> <div class="row"> <div class="cell"> <label for="P">Principal (P): $</label> </div> <div class="cell"> <input name="P" id="principle" value="10,000.00" class="nmbr_real real" type="text" title="positive real number" placeholder="amount" required="" /> </div> </div> <div class="row"> <div class="cell"> <label for="R">Rate (R): %<br /> <span class="note small">per year</span></label > </div> <div class="cell"> <input name="R" id="rate" value="3.875" class="nmbr_real real" type="text" title="positive real number" placeholder="rate" required="" /> </div> </div> <div class="row"> <div class="cell"> <label for="t">Time (t):</label> </div> <div class="cell"> <input name="t" id="time" value="5" class="nmbr_real real" type="text" title="0 or positive real number" placeholder="#" required="" /> </div> </div> </div> <button>Calculate</button> </form>

Answer 1

只需創建輸入框

<input type="text" id="abc" name="price" value=""  />

並使用下面的代碼在輸入框中插入值

jQuery(document).ready(function($) {
    $("#abc").val('100');
});  

Answer 2

如果要在input box獲取輸出，請使用val()函數。

$("input").val(interest);

如果要獲取HTML element中的輸出，請使用html()函數。

$("p").html(interest);

Answer 3

要在文本框中設置值，請使用 val()

$('#abc').val('13');

要在 'p' 中設置值，請使用 text()

<p id='p_Id'></p>

$('#p_Id').text('13');