jQuery获取文本框数据

最新推荐文章于 2022-04-05 16:14:08 发布

青柠Q

最新推荐文章于 2022-04-05 16:14:08 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/LiuHanQingIT/article/details/77539061

这篇博客演示了如何使用jQuery监听文本框的输入变化，实现数据的实时更新。通过`.change()`事件监听普通文本框，`.bind('input propertychange')`用于实时更新textarea的内容。同时，展示了在充值场景中，当用户选择不同金额或输入充值金额时，确认支付输入框的值会随之实时更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

</head>
<body>

/// change事件
<input class="field" type="text" />
<p class="aa"></p>

//input propertychange

//充值金额实时更新到确认支付输入框

//change事件但不是实时刷新
  $(".field").change(function(){
    var ab=$(".field").val();
    $(".aa").text(ab);
  });

//和框架数据双向绑定效果一样

$('textarea').bind('input propertychange', function() {
$('.msg').html($(this).val());
});

});

//充值金额实时更新到确认支付输入框

$(".cz-lia a").click(function(){
$(this).addClass("active").siblings().removeClass("active");
var money2 = $(this).text();
$('.the-play').val(money2);
});
$('.sdje').bind('input propertychange', function() {
$('.the-play').val($(this).val());

});
</script>

</body>
</html>

//充值金额实时更新到确认支付输入框