Как скопировать значение из одного ввода текста в другой с помощью JavaScript, используя ссылку

Я искал и нашел способы сделать это с флажками, но я хотел бы использовать ссылку.

Я разработал большую часть кода, но я знаю, что мне не хватает чего-то простого.

У кого-нибудь есть идеи?

SCRIPT

$(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=''>

Пример скрипки

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

Другие решения

Попробуй это

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