javascript - 重复的表单字段输入

Question

我正在尝试复制表单输入条目。是否可以通过 Javascript 使用 ID 或类指定特定的输入和输出字段？

在这个例子中，我试图从 id1 复制条目并将其输出到 uniqueid。但是，所有字段都会受到影响。如何指定 ID？

<form>
<input type="text" id="id1" name="" value="" />
<input type="text" id="id2" name="" value="" />
<input type="text" id="uniqueid" value="">
</form>

var $unique = $('input[type="text"]').mousemove(function(){
$unique.val(this.value);
});

Answer 1

我认为您的电线在这里有点交叉。您可以使用 # 选择器按 ID 选择元素。

让我们把它分开来让它更易读:

var $id1 = $("#id1");         //Store id1 input
var $unique = $("#uniqueid"); //Store uniqueid input

$id1.mousemove(function() {   //On mousemove event of id1
  $unique.val($(this).val()); //Set unique's value to id1's value
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="text" id="id1" name="" value="" />
  <input type="text" id="id2" name="" value="" />
  <input type="text" id="uniqueid" value="">
</form>

作为d4nyll在下面的评论中提到，如果您只是想在 id1 更改时更新 uniqueid 字段，那么您应该更改您的 .mousemove()改为 .keyup()。