Javascript JQuery可以';t从一个输入复制到另一个输入
尝试使用jQuery将一个值从Javascript JQuery可以';t从一个输入复制到另一个输入,javascript,jquery,html,Javascript,Jquery,Html,尝试使用jQuery将一个值从字段值复制到另一个值 这在JSFIDLE中有效,但在本地服务器上尝试时不起作用 我做错了什么 JS: $('#do').click(function() { $('#three').val($('#one').val()); }); $('#four').keyup(function() { $('#six').val($('#four').val()); }); $('#seven').blur(function() { $('#nine')
字段值复制到另一个值
这在JSFIDLE中有效,但在本地服务器上尝试时不起作用
我做错了什么
JS:
$('#do').click(function() {
$('#three').val($('#one').val());
});
$('#four').keyup(function() {
$('#six').val($('#four').val());
});
$('#seven').blur(function() {
$('#nine').val($('#seven').val());
});
完整的HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<title>Untitled 1</title>
</head>
<body>
<h1>Button Click</h1>
<form id="form1">
<input id='one' type='text' />
<input id='two' type='text' />
</form>
<form id="form2">
<input id='three' type='text' />
</form>
<input type='button' id="do" value="Copy" />
<h1>Insta-Copy(TM)</h1>
<form id="form1">
<input id='four' type='text' />
<input id='five' type='text' />
</form>
<form id="form2">
<input id='six' type='text' />
</form>
<h1>On Blur</h1>
<form id="form1">
<input id='seven' type='text' />
<input id='eight' type='text' />
</form>
<form id="form2">
<input id='nine' type='text' />
</form>
</body>
<script type="text/javascript">
$('#do').click(function() {
$('#pDate1').val($('#fdatea').val());
});
$('#four').keyup(function() {
$('#six').val($('#four').val());
});
$('#seven').blur(function() {
$('#nine').val($('#seven').val());
});
</script>
</html>
无标题1
按钮点击
Insta Copy(TM)
关于模糊
$('#do')。单击(函数(){
$('pDate1').val($('fdatea').val());
});
$('#四').keyup(函数(){
$('六').val($('四').val());
});
$('#seven').blur(函数(){
$('九').val($('七').val());
});
首先,HTML页面中的id属性假定对该页面是唯一的,页面中不能有多个id值,而且确实有。例如:
<form id="form1">
<input id='four' type='text' />
<input id='five' type='text' />
</form>
很好。
但是,您发布在HTML页面底部的第二个js文件不会起作用,因为它引用了不存在的id值,例如:
#pDate1
和#fdatea
您使用#pDate1
而不是$('#do')中的#three code>。单击()
你的小提琴看起来不错。除了@Moshe提到的错误,你的HTML中还有更多的错误。脚本元素只能出现在头部或身体中。表单元素需要动作属性。还有一些由您选择的doctype引起的错误。。。
<form id="form1">
<input id='seven' type='text' />
<input id='eight' type='text' />
</form>
$('#do').click(function() {
$('#three').val($('#one').val());
});
$('#four').keyup(function() {
$('#six').val($('#four').val());
});
$('#seven').blur(function() {
$('#nine').val($('#seven').val());
});