如何从一个输入复制值并放入其他输入 JavaScript答案

【问题标题】：How to duplicate value from one input and put in others inputs JavaScript如何从一个输入复制值并放入其他输入 JavaScript
【发布时间】：2022-11-29 20:43:05
【问题描述】：

我在 JavaScript 中创建了一个脚本，以从一个输入中获取值并将其放入多个输入中，但我有一个问题，即值仅放入第一个输入中。

JavaScript 代码是：

jQuery(document).ready(function ($) {

var $apartament = $('#value-apartament'),

$permetru = $('#put-value');

$apartament.on('input', function () {

$permetru.val($apartament.val());

});

});

第一个输入的 ID 为：#value-apartament，其他输入的 ID 为 #put-value，用于复制第一个输入的值并放入其余三个。

图片：https://prnt.sc/nyj_S9AjhaMW

【问题讨论】：

标签： javascript

【解决方案1】：

首先，#id 属性用于唯一元素。最好使用 . class 属性用于选择具有 .put-value 类的多个输入。

$('input#value-apartament').change(function() {
    $('input.put-value').val($(this).val());
});

【讨论】：

【解决方案2】：

ID 应该用于标识 DOM 的唯一元素，因此使用 #value-apartment 对于第一个输入是正确的。但是其他三个具有相同的 id #put-value 是错误的。

您应该为这 3 个输入使用一个类，您可以使用 ($'.put-value') 选择那些

【讨论】：

【解决方案3】：

一个 ID 在整个 HTML 文档中应该只存在一次 - 如果您想将它分配给多个元素，请使用类。正如this 问题中所回答的那样，jQuery 将返回文档中带有 id 的第一个元素，这就是您遇到的情况。

【讨论】：