使用jQuery的oninput函数可以实现将多个输入字段的值显示到单个输入字段中。具体步骤如下:
<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>
<input type="text" id="input1">
<input type="text" id="input2">
<input type="text" id="targetInput">
$(document).ready(function() {
$('#input1, #input2').on('input', function() {
var input1Value = $('#input1').val();
var input2Value = $('#input2').val();
var combinedValue = input1Value + ' ' + input2Value;
$('#targetInput').val(combinedValue);
});
});
在上述代码中,我们使用了jQuery的选择器来选择多个输入字段(#input1和#input2),并使用on函数来监听它们的input事件。当任何一个输入字段的值发生变化时,回调函数会被触发。
在回调函数中,我们获取每个输入字段的值,并将它们合并为一个字符串(在这里我们使用空格分隔)。最后,将合并后的值设置为目标输入字段的值。
这样,当输入字段的值发生变化时,目标输入字段会自动更新显示多个输入字段的值。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云数据库MySQL。
领取专属 10元无门槛券
手把手带您无忧上云