Javascript 按钮上的值与文本框中的值相同

Javascript 按钮上的值与文本框中的值相同,javascript,html,css,Javascript,Html,Css,我有一个跟踪发货的模式,在这个模式中,我想在文本框中输入按钮上的值 我试过了,但没用 请帮我整理一下错误 window.onload=函数(){ document.getElementById('cno')。addEventListener('keyup',function(){ document.getElementById('cnor').value=this.value; })}; &时代; 跟踪你的货物。 输入托运编号 轨道 您需要等待元素加载,因此将代码移动到窗口。onload回调

我有一个跟踪发货的模式,在这个模式中,我想在文本框中输入按钮上的值

我试过了,但没用

请帮我整理一下错误


window.onload=函数(){
document.getElementById('cno')。addEventListener('keyup',function(){
document.getElementById('cnor').value=this.value;
})};
&时代;
跟踪你的货物。
输入托运编号
轨道

您需要等待元素加载,因此将代码移动到
窗口。onload
回调或将代码添加到标记中的元素之后

如果要更新按钮中显示的文本内容,请更新或属性并使用事件进行同步更新

window.onload = function(){
  document.getElementById('cno.').addEventListener('input', function() {
    document.getElementById('cno.r').textContent = this.value;
  });
}

window.onload=函数(){
document.getElementById('cno')。addEventListener('input',function(){
document.getElementById('cno.r').textContent=this.value;
});
}
&时代;
跟踪你的货物。
输入托运编号
轨道

您需要等待元素加载,因此将代码移动到
窗口。onload
回调或将代码添加到标记中的元素之后

如果要更新按钮中显示的文本内容,请更新或属性并使用事件进行同步更新

window.onload = function(){
  document.getElementById('cno.').addEventListener('input', function() {
    document.getElementById('cno.r').textContent = this.value;
  });
}

window.onload=函数(){
document.getElementById('cno')。addEventListener('input',function(){
document.getElementById('cno.r').textContent=this.value;
});
}
&时代;
跟踪你的货物。
输入托运编号
轨道
使用jQuery:

$("#input").on('change', function(){
   $("#button").val($("#input").val());
});
使用jQuery:

$("#input").on('change', function(){
   $("#button").val($("#input").val());
});
HTML:

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"/>
</head>

<body>
  <input type="text" id="input" />
  <button id="continue">Continue</button>
</body>
<button id="track">Track Button</button>

jQuery:(点击按钮触发)

HTML:

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"/>
</head>

<body>
  <input type="text" id="input" />
  <button id="continue">Continue</button>
</body>
<button id="track">Track Button</button>

jQuery:(点击按钮触发)


在代码末尾添加代码错误在javascript中,不要在IDadd中使用点(.),在代码末尾添加代码错误在javascript中,不要使用点(.)在IDSir中,我希望若用户在文本框中键入,它应该在按钮中显示为well@BabaluPandey:对于该更新
textContent
属性和
input
event@BabaluPandey:检查添加的代码段“第一个”或“第二个”,但Track word被删除了,先生,正是我想要的,若用户在文本框中键入,它应该在按钮中显示为well@BabaluPandey:对于该更新
textContent
属性和
input
event@BabaluPandey:检查代码段是否添加了“第一个”或“第二个”?已获得,但跟踪字已删除。我已将其作为单独的答案发布@Babalu PandeyI将其作为单独的答案发布@巴巴鲁·潘迪