2017-02-25 30 views
1

我有兩個輸入(數字)。使兩個輸入具有相同的數據值?

如何從第一個數據複製到第二個數據?

例如,我將在第一個輸入中設置一些值,並在第二個輸入中獲得相同的值,如果我在第二個輸入中設置相同的值,我希望在第一個輸入中獲得相同的值。

我想這一定是類似的東西

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

當我試圖把在水木清華滑塊()函數,收到錯誤控制檯(滑塊功能不存在)

謝謝。

+0

告訴我們您到目前爲止試過的東西 – technophobia

回答

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>

+0

謝謝!它正在爲輸入工作。 – Frunky

+0

另外,如果我使用一張幻燈片(jquery-ui)和一個輸入(文本或數字)怎麼辦?請檢查我的更新問題 – Frunky

+0

這是一個不同的問題。建議您發佈有關您的控制檯日誌錯誤的單獨問題。很可能你沒有包括所需的圖書館,但這只是一個猜測。 – technophobia

0

大廈@technophobia的回答,如果你想讓他們更新的活,試試這個:

$('#email').keyup(function(){ 
    $('#name').val($(this).val()); 
}); 
$('#name').keyup(function(){ 
    $('#email').val($(this).val()); 
}); 
相關問題