使兩個輸入具有相同的數據值？

Question

我有兩個輸入（數字）。

如何從第一個到第二個再復制數據？

例如，我將在第一個輸入中設置一些值，在第二個輸入中我得到相同的值，如果我在第二個輸入中設置相同的值，我想在第一個輸入中得到相同的值。

我想它一定是這樣的

<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() 函數時，我在控制台中收到錯誤消息（不存在滑塊函數）

謝謝。

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

Answer 2

基於@technophobia 的回答，如果您希望他們實時更新，請嘗試以下操作：

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