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选择元素。

让它分离出来让它更清晰：

＆＃13;

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
});

＆＃13;

<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>

＆＃13;

正如d4nyll在下面的评论中提到的那样，如果您只是想在uniqueid更改id1字段时更新，那么您应该将.mousemove()更改为{ {1}}而不是。

重复的表单字段输入

1 个答案: