📌  相关文章
📜  使用 jquery 从另一个文本输入获取值并设置为另一个 - Javascript (1)

📅  最后修改于: 2023-12-03 15:06:47.894000             🧑  作者: Mango

使用 jQuery 从另一个文本输入获取值并设置为另一个

在 Web 开发中,我们经常需要从一个文本输入框获取值,并将其设置为另一个文本输入框的值。这可以用 jQuery 实现,非常方便。

以下是使用 jQuery 从另一个文本输入获取值并设置为另一个的代码示例:

$(document).ready(function() {
  // 监听源文本输入框的 change 事件
  $('#source-input').on('change', function() {
    // 获取源文本输入框的值
    var sourceValue = $(this).val();
    
    // 将获取到的值设置到目标文本输入框
    $('#target-input').val(sourceValue);
  });
});

上面的代码中,我们使用 jQuery 的 $(document).ready() 方法来等待页面加载完成后执行代码。然后,我们使用 jQuery 的 on() 方法来监听源文本输入框的 change 事件。当源文本输入框的值发生变化时,我们使用 jQuery 的 val() 方法获取源文本输入框的值,并将其设置到目标文本输入框中。

值得注意的是,上面的代码中我们使用了 #source-input#target-input 选择器来选择源文本输入框和目标文本输入框。你需要根据你的 HTML 代码中的实际输入框标记来修改这些选择器。

以上就是使用 jQuery 从另一个文本输入获取值并设置为另一个的简单代码示例。希望这能帮助你更好地理解如何使用 jQuery 处理输入框的值。