首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Jquery中使用循环在另一个输入中显示输入值?

在jQuery中,可以使用循环来获取另一个输入框的值并显示在页面上。下面是一个示例代码:

HTML代码:

代码语言:txt
复制
<input type="text" id="input1">
<input type="text" id="input2">
<button id="btn">显示输入值</button>

JavaScript代码:

代码语言:txt
复制
$(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)将结果显示在第二个输入框中。

这是一个简单的示例,你可以根据实际需求进行修改和扩展。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的合辑

领券