如何使用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);
    });
});  

Answer 1

只需创建输入框

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

并使用下面的代码在inputbox中插入值

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');