使用jQuery可以很方便地实现将一个输入框的值复制到另一个输入框。具体的实现步骤如下:
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<input type="text" id="sourceInput" placeholder="源输入框">
<input type="text" id="targetInput" placeholder="目标输入框">
$(document).ready(function() {
$('#sourceInput').on('input', function() {
var value = $(this).val();
$('#targetInput').val(value);
});
});
以上代码使用了jQuery的on
方法来绑定源输入框的input
事件,当源输入框的值发生变化时,通过val
方法获取其值,并将其赋值给目标输入框。
这样,当用户在源输入框中输入内容时,目标输入框会自动更新为相同的内容。
推荐的腾讯云相关产品:腾讯云云服务器(CVM),腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云