用相同的数据值进行两个输入? [英] Make two input with same data value?

问题描述

我有两个输入(数字).

如何从第一到第二再返回数据?

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

我认为一定是这样的

 < div class ="first"><输入type ="text" id =电子邮件"></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/

当我尝试将thmth放入slider()函数中时，控制台出现错误(滑块功能不存在)

谢谢.

解决方案

您几乎拥有了...

尝试一下:

  $('#email').keyup(function(){$('#name').val($(this).val());//<-在此处反转选择器});$('#name').keyup(function(){$('#email').val($(this).val());//<-和这里});  

 < script src ="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js></script>< div class ="first"><输入type ="text" id =电子邮件"></div>< div class ="second">< input type ="text" id ="name"></div>  

I have two inputs(number).

How can I duplicate data from first to second and back?

For example, I'll set some value in first input and in second input I get same value and if I set same value in second input I want to get same value in first input.

I think it must be something like that

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

When I'm trying to put smth in slider() function I get error in console (slider function doesn't exist)

Thanks.

解决方案

You almost had it...

Try this:

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

这篇关于用相同的数据值进行两个输入?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！