使两个输入具有相同的数据值?

时间:2017-02-25 20:00:13

标签: javascript jquery html

我有两个输入(数字)。

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

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

我认为它必须是那样的

<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()函数时,我在控制台中出现错误(滑块功能不存在)

感谢。

2 个答案:

答案 0 :(得分:3)

你几乎拥有它......

试试这个:

$('#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>

答案 1 :(得分:0)

基于@technophobia的回答,如果您希望他们更新,请尝试以下方法:

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