Javascript 当输入框有新值时，如何更新标签

当用户在文本框中输入值时，我尝试获取要更新的标签。我已经设法让标签在用户更改滑块值时更新，但我没有技能让它在文本框更改时更新

我试着写了一些代码，但看起来一点也不对劲，sombody能帮我一把吗

我试过的代码

  $("#MonthlyRent").text({
                textchange: function (event, ui) {
                    update(2, ui.value + '%'); //changed
                }
            });

捕捉变化的功能

$(document).ready(function () {
            $("#slider").slider({
                range: "min",
                animate: true,
                value: 1,
                min: 0,
                max: 100,
                step: 1,
                slide: function (event, ui) {
                    update(1, ui.value + '%'); //changed
                }
            });

            $("#slider2").slider({
                range: "min",
                animate: true,
                value: 1,
                min: 0,
                max: 100,
                step: 1,
                slide: function (event, ui) {
                    update(2, ui.value + '%'); //changed
                }
            });

            $("#MonthlyRent").text({
                slide: function (event, ui) {
                    update(2, ui.value + '%'); //changed
                }
            });

            //Added, set initial value.
            $("#amount").val(0);
            $("#duration").val(0);
            $("#amount-label").text(0);
            $("#duration-label").text(0);
            $("MonthlyRent").text(0);
            update();
        });

更新功能

 function update(slider, val) {
            //changed. Now, directly take value from ui.value. if not set (initial, will use current value.)
            var $amount = slider == 1 ? val : $("#amount").val();
            var $duration = slider == 2 ? val : $("#duration").val();
            var $rent = $("#MonthlyRent").val();
            var $amount2 = $amount.replace('%', '');

            /* commented
            $amount = $( "#slider" ).slider( "value" );
            $duration = $( "#slider2" ).slider( "value" );
             */
            $total = "£" + ($amount2 + $rent);
            $("#amount").val($amount);
            $("#amount-label").text($amount);
            $("#duration").val($duration);
            $("#duration-label").text($duration);
            $("#total").val($total);
            $("#total-label").text($total);

            $('#slider a').html('<label><span class="glyphicon glyphicon-chevron-left"></span> ' + $amount + ' <span class="glyphicon glyphicon-chevron-right"></span></label>');
            $('#slider2 a').html('<label><span class="glyphicon glyphicon-chevron-left"></span> ' + $duration + ' <span class="glyphicon glyphicon-chevron-right"></span></label>');
        }

功能更新（滑块，val）{
//已更改。现在，直接从ui.value获取值。如果未设置（初始值，将使用当前值。）
var$amount=slider==1？val:$（“#amount”）.val（）；
var$duration=slider==2？val:$（“#duration”）.val（）；
var$rent=$（“#MonthlyRent”）.val（）；
变量$amount2=$amount.replace（'%'，''）；
/*评论
$amount=$（“#滑块”）。滑块（“值”）；
$duration=$（“#slider2”）。滑块（“值”）；
*/
$total=“£”+（$amount2+$rent）；
美元（“#金额”）.val（$金额）；
$（“#金额标签”）.text（$amount）；
$（“#期间”）.val（$期间）；
$（“#工期标签”）.text（$duration）；
美元（“#总计”）.val（$total）；
$（“#总标签”）.text（$total）；
$（'#滑块a'）.html（'+$amount+''）；
$（'#slider2 a'）.html（'+$duration+''）；
}

使用事件更改或键控：

$('#mytextinput').on('change keyup', function (e) { /* You stuff here. */ })

---

如果没有HTML代码，我猜您的输入类似于

，但如果不是，您应该提供更多信息。

要检测文本框上的更改，请使用以下命令

另一种选择是听keyup

$('#example').keyup(function() {
    update();
});

function update() {
    $('#result').text($('#example').val());
}

---

java对于javascript就像ham对于仓鼠一样，它与javascriptChange无关。只有在复制/粘贴或离开输入时才会触发更改事件（至少在Chrome v34上）。如果您想在用户输入后立即更新，您应该使用keyup/keydown事件。@holt我知道，请查看我的更新：），并且根据您的回答，它可以合并到

.on（）

语句中，尽管我相信更改方法与keyup PresentThank是多余的。谢谢！我一直在想基普做了什么哈哈。。。现在我知道了：D

$('#example').keyup(function() {
    update();
});

function update() {
    $('#result').text($('#example').val());
}