jQuery如何在文本字段中显示为变量

时间:2014-12-08 11:40:09

标签: javascript jquery

这是我的JavaScript函数

$(document).ready(function() {
    (function($) {
        $.fn.calculateMortgage = function(options) {
            var defaults = {
                params: {}
            };
            var calculate = function(params) {
                params = $.extend({
                    benzyna: 0,
                    gaz: 0,
                    sp_benz: 0,
                    przebieg: 0,
                    cena_inst: 0
                }, params);
                var N = params.benzyna * params.sp_benz;
                var I = (+(params.sp_benz * 0.15)) + (+(params.sp_benz));
                var J = params.gaz * I;
                var K = (((params.cena_inst) / (N - J)) * 100);
                var L = params.przebieg / 12;
                var L1 = K / L;
                var M = (L / 100 * (N - J));

                var R = (M * 12);
                var result = N;
                return result;
            };
            return this.each(function() {
                var $element = $(this);
                var $result = calculate(options.params);
                var output = '<p> koszt przejazdu na 100km = ' + $result.toFixed(2) + '</p>';
                $(output).appendTo($element);
            });
        };
    })(jQuery);
    $(function() {
        $('#test').on('submit', function(e) {
            e.preventDefault();
            var $params = {
                benzyna: $('#benzyna').val(),
                gaz: $('#gaz').val(),
                sp_benz: $('#sp_benz').val(),
                przebieg: $('#przebieg').val(),
                cena_inst: $('#cena_inst').val()
            };
            $(this).calculateMortgage({
                params: $params
            })
        });
    });
});

当我使用可见值时,这是代码

<div class="container-fluid">
    <form role="form">
        <div class="form-group">
            <div class="row">
                <label class="col-xs-5 col-sm-4" for="exampleInputEmail1"> 100km</label>
                <input class="col-xs-5 col-sm-4" type="text" id="exampleInputEmail1"
                    class="form-control" placeholder=" ">
                <label class ="col-xs-2 col-sm-4" for="exampleInputEmail1"> ...</label>
            </div>
        </div>
    </form>
</div>

我想在单独的文本框中显示各个变量的值。比如Internet帮助我从文本字段中获取变量并对它们执行操作。但现在我必须在表单的相应字段中显示它们。怎么做? 感谢

3 个答案:

答案 0 :(得分:0)

您需要使用输入的val属性将文本放入其中。

 $("#INPUTID").val(YOURTEXT)

答案 1 :(得分:0)

就像这样使用:

 suppose 

 <input id="my_input"></input>

jquery代码:

$('#my_iput').val(your value);

答案 2 :(得分:0)

尝试设置输入字段的值,如下所示:

$("#id_of_Input").val(your text here);

因此请尝试使用id identify唯一的输入字段来设置值。