在jQuery中,可以使用循环来获取另一个输入框的值并显示在页面上。下面是一个示例代码:
HTML代码:
<input type="text" id="input1">
<input type="text" id="input2">
<button id="btn">显示输入值</button>
JavaScript代码:
$(document).ready(function() {
$('#btn').click(function() {
var input1Val = $('#input1').val(); // 获取第一个输入框的值
var input2Val = $('#input2').val(); // 获取第二个输入框的值
// 使用循环将第一个输入框的值显示在第二个输入框中
for (var i = 0; i < input1Val.length; i++) {
input2Val += input1Val[i];
}
$('#input2').val(input2Val); // 将结果显示在第二个输入框中
});
});
在上述代码中,我们首先通过$('#input1').val()
和$('#input2').val()
获取了第一个和第二个输入框的值。然后,使用一个循环将第一个输入框的值逐个字符地添加到第二个输入框的值中。最后,使用$('#input2').val(input2Val)
将结果显示在第二个输入框中。
这是一个简单的示例,你可以根据实际需求进行修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云