使用相同的数据值进行两个输入？答案

【问题标题】：Make two input with same data value?使用相同的数据值进行两个输入？
【发布时间】：2020-07-04 07:22:57
【问题描述】：

我有两个输入（数字）。

如何将数据从第一个复制到第二个并返回？

例如，我将在第一个输入中设置一些值，在第二个输入中我得到相同的值，如果我在第二个输入中设置相同的值，我想在第一个输入中得到相同的值。

我觉得应该是这样的

<div class="first">
    <input type="text" id="email">
</div>  
<div class="second">
    <input type="text" id="name">
</div>
<div id="slider"></div>

<script>
$('#email').change(function(){
    $(this).val($('#name').val());
});
('#name').change(function(){
    $(this).val($('#email').val());
});    
$('#slider').slider();
</script>

https://jsfiddle.net/Frunky/hzh9zwfo/4/

当我尝试将 smth 放入 slider() 函数时，我在控制台中收到错误（滑块函数不存在）

谢谢。

【问题讨论】：

向我们展示您迄今为止的尝试

标签： javascript jquery html

【解决方案1】：

你差点就吃完了……

试试这个：

$('#email').keyup(function (){
    $('#name').val($(this).val()); // <-- reverse your selectors here
});
$('#name').keyup(function (){
    $('#email').val($(this).val()); // <-- and here
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="first">
  <input type="text" id="email">
</div>  
<div class="second">
  <input type="text" id="name">
</div>

【讨论】：

另外，如果我使用一张幻灯片（jquery-ui）和一个输入（文本或数字）怎么办？请检查我更新的问题
这是一个不同的问题。建议您发布有关控制台日志错误的单独问题。您可能没有包含所需的库，但这只是猜测。

【解决方案2】：

基于@technophobia 的回答，如果您希望他们实时更新，请尝试以下操作：

$('#email').keyup(function(){
    $('#name').val($(this).val());
});
$('#name').keyup(function(){
    $('#email').val($(this).val());
});

【讨论】：