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

时间:2017-09-04 06:41:04

标签: javascript

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

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

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

2 个答案:

答案 0 :(得分:0)

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>

答案 1 :(得分:0)

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