对于这种特殊情况，如何将 JavaScript 变量传递到 HTML 输入字段？ [复制]

Question

有一个函数可以计算并显示用户在单独的下拉列表中选择的 2 个时间变量的差异。当在表单中使用段落标签时调用显示。函数如下：

<script type='text/javascript'>//<![CDATA[
        $(window).load(function () {
            $(document).ready(function () {
                function calculateTime() {
                    //get values
                    var valuestart = $("select[name='timestart']").val();
                    var valuestop = $("select[name='timestop']").val();

                    //create date format          
                    var timeStart = new Date("01/01/2007 " + valuestart).getHours();
                    var timeEnd = new Date("01/01/2007 " + valuestop).getHours();

                    var hourDiff = timeEnd - timeStart;

                    $('p').html("Total Hours: " + hourDiff)

                }

                $("select").change(calculateTime);
                calculateTime();

            });
        });//]]>  

    </script>

该功能有效。但是，我需要将“时间差异”值传递给 HTML 输入标记并显示，而不是在使用段落标记时简单地显示。

有没有办法做到这一点？

Answer 1

是的：

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