Laravel PHP Jquery - 文本框更新标签答案

【问题标题】：Laravel PHP Jquery - TextBox updating LabelLaravel PHP Jquery - 文本框更新标签
【发布时间】：2014-04-28 13:34:55
【问题描述】：

我有这个文本框

{{ Form::text('horasT', $horasT, array('class'=>'input-block-level', 'placeholder'=>'0.00')) }}

我想在文本框值更改时更新标签。

这是标签：

<label id="subTotal" name="subTotal">0</label>

我的 Jquery 是这样的：

jQuery('#horasT').on('input', function (){
            var valT = $('#horasT').val();
            $('#subTotal').value = valT;
        });

它似乎不起作用，到目前为止我已经尝试了很多东西。

但是对我来说，这应该可行...问题似乎是什么？无论文本框中的值如何，标签都位于 0 中

【问题讨论】：

加入数组'id' => 'horasT'。我不确定Form::text 是否会自动提供 ID。我记得它的一些方法（表单）正在添加它，而另一些则没有。
提示：当您不知道是否触发了事件时，只需在代码中添加警报即可。

标签： javascript php jquery laravel

【解决方案1】：

事件是change，标签的文本没有值

可能触发的其他事件："input change keyup keypress cut paste mouseup focus blur"

jQuery(document).on('change', '#horasT', function (){
            var valT = $(this).val();
            $('[name="subTotal"]').text(valT);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<label for="horasT" name="subTotal">0</label>
<input id="horasT" type="text">

【讨论】：

谢谢！我一直在为此苦苦挣扎。
如果你想让它在你打字时改变，而不仅仅是失去焦点，你可能想把on('change',...改为on('change input',...as described here

【解决方案2】：

jQuery("#horasT").change(function() {
    $("#subTotal").text($(this).val());
});

【讨论】：

请尝试提供一些解释和/或相关链接来解释为什么您的代码应该可以工作。仅代码答案通常是低质量的答案。