如何使用javascript使用链接将值从一个文本输入复制到另一个
How to copy value from one text input to another with javascript using a link
我已经搜索并找到了使用复选框的方法,但我想使用一个链接。
我已经完成了这么多代码,但我知道我一定错过了一些简单的东西。
有人有什么想法吗?
脚本
$(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=''>
Fiddle示例
您的选择器错误:
$("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>
试试这个
$("a#currencyBtn").click(function(){
var value = $('#currencyVal').val();
var input = $('.currencyCopy');
input.val(value);
});
相关文章:
- 使用javascript将两个文本框值相加到表中的另一个文本框中
- 在文本上方标记另一个文本
- 如何通过 JS 将内容从一个表单中的一个文本框复制到另一个表单中的另一个文本框
- 使用Javascript从一个文本区域逐行解析.subsr(0,6)到另一个文本区
- 任何编写文本文件并将其替换为上一个文本文件的方法
- html或java脚本代码在硬盘中创建一个文本文件
- 当用户单击按钮(在光标位置)时,在输入字段中添加一个文本字符串
- 一个文本框,其中两个选项的值不同
- 在javascript中获取servlet值,并使用ajax将该值分配给一个文本框
- 如何从由“”分隔的字符串中提取最后一个文本|&”;
- 如何使用jquery对具有相同类的文本框的值求和并将其放入另一个文本框中
- 使用 jquery 将行值设置为另一个文本
- 从一个文本框执行代码,并在另一个文本框中以 HTML 显示输出
- 如何将文本插入到几个带有 id 的文本区域中的一个文本区域中
- 如何使用jQuery查找下一个文本区域
- jquery专注于asp.net mvc部分视图中的一个文本框
- 将数组中的数据作为段落添加到一个文本区域
- 当你有很多文本框时,如何从一个模态中只填充一个文本框
- Javascript/Php聊天-输入is'不能在一个文本框中工作
- 当文档准备就绪时,将数据从一个文本框复制到另一个