Question

我想创建一个复制按钮，将另一个文本字段复制到当前文本字段。

以下是我要复制的字段的代码

<div class="col-sm-10">
  <textarea class="form-control" row="5" col="10" 
           id="alamat_tempat_tinggal" 
            name="alamat_tempat_tinggal" 
            onchange="update_data()" >
           <?=@$registration->address?>
   </textarea>
</div>

这是我要复制到

的字段的代码

<div class="form-group">
  <label for="name" class="col-sm-2 text-left">Alamat Surat Menyurat<span class=" text-danger">*</span></label>
    <input type=button id="copy_asm_address" onclick="copy_alamat_asm_address()" value = "Sama Dengan Alamat Tinggal">
    <div class="col-sm-5">
       <textarea class="form-control" row="5" col="10"  name="asm_address" id="asm_address" onchange="update_data()"><?=@$registration->ASM_address?></textarea>
    </div>
 </div>

这是函数

function copy_alamat_asm_address(){
    var alamat = document.getElementById("alamat_tempat_tinggal").val();
    document.getElementById("asm_address").value = alamat;
}

Answer 1

getElementsByName“返回（X）HTML文档中具有给定名称的nodelist集合。” （source）

这不是你想要的：你想选择一个元素来复制价值。

请改用getElementById，并确保只在页面中使用一次ID。

function copy_alamat_asm_address(){
var alamat = document.getElementById("copy_asm_address").value();
document.getElementById("copy_to_field").value = alamat;
}

接下来，要获取输入字段的值，您需要.value()

<div class="form-group">
  <label for="name" class="col-sm-2 text-left">Alamat Surat Menyurat<span class=" text-danger">*</span></label>
    <input type=button id="copy_asm_address" onclick="copy_alamat_asm_address()" value = "Sama Dengan Alamat Tinggal">
    <div class="col-sm-5">
       <textarea class="form-control" row="5" col="10" name="asm_address" onchange="update_data()" id="copy_to_field"><?=@$registration->ASM_address?></textarea>
    </div>
 </div>

Answer 2

.val()是jQuery。您需要使用.value()。

如何制作复制按钮来复制另一个字段的输入文本？

2 个答案: