如何使用鏈接使用JavaScript將值從一個文本輸入復制到另一文本

Question

我已經搜索並找到了使用復選框執行此操作的方法，但我想使用鏈接。

我已經完成了很多代碼，但是我知道我肯定缺少一些簡單的東西。

有人有想法么？

腳本

$(document).ready( function() {
    $("#currencyBtn a").click(function(){
       var value = $('#currencyVal');
       var input = $('.currencyCopy');
       input.val(value);
    });
});

HTML

MAIN  <input type='text' id='currencyVal' value=''><a href='#' id='currencyBtn'>copy</a>

COPY1 <input type='text' class='currencyCopy' value=''>
COPY2 <input type='text' class='currencyCopy' value=''>
COPY3 <input type='text' class='currencyCopy' value=''>
COPY4 <input type='text' class='currencyCopy' value=''>

小提琴的例子

Answer 1

您選擇了錯誤的選擇器：

 $("a#currencyBtn").click(function(){ // target the anchor with an ID of `#currencyBtn` // #currentBtn a | not an element with an ID of `#currencyBtn` with a child anchor var value = $('#currencyVal'); var input = $('.currencyCopy'); // value.val() // get the value first input.val(value.val()); }); 

 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> MAIN <input type='text' id='currencyVal' value=''> <a href='#' id='currencyBtn'>copy</a><br> <br> COPY1 <input type='text' class='currencyCopy' value=''><br> COPY2 <input type='text' class='currencyCopy' value=''><br> COPY3 <input type='text' class='currencyCopy' value=''><br> COPY4 <input type='text' class='currencyCopy' value=''><br> 

Answer 2

嘗試這個

$("a#currencyBtn").click(function(){
        var value = $('#currencyVal').val();
        var input = $('.currencyCopy');
        input.val(value);
    });