jquery - 如何使用jquery将一个文本框中输入的值反映到另一个文本框中

Question

我想显示在一个文本框中输入的数据反映在另一个文本框中

就像我在 TextBox1 上输入任何东西一样，我应该在 TextBox2 中输入（类似于反射）

这是我试过的..

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(".valueEnter").click(function () {

    $('#message').html($('#textBox').val());

    });
</script>
</head>

<body>

<div>
    TextBox 1 : <input type="textbox" id="textBox" class="valueEnter"></input>

    TextBox 2 : <input type="textbox" id="message"></input>
</div>

</body>
</html>

score 2 · Accepted Answer

你可以简单地使用按键功能

http://jsfiddle.net/DfHSS/

$("#textBox").keyup(function(){
   $("#message").val($(this).val());
});

score 0 · Accepted Answer

你必须在.ready()方法中添加你的监听器。并尝试将您的代码更改为此。

$(document).ready(function(){
    $("#textBox").change(function () {
        $("#message").val($('#textBox').val());
    });
});

score 0 · Accepted Answer

像这样的东西，

$('#text1').focus(function(){

    $(this).on('keyup' , function(){

     $('#txt2').val($(this).val());
     });

});

score 0 · Accepted Answer

0

$("#textBox").keyup(function(){
   $("#message").val($(this).val());
});

Try the above

于 2013-07-26T06:16:03.743 回答

score 0 · Accepted Answer

您应该使用更改事件或 keydown

$(".valueEnter").keyup(function () {

    $('.valueEnter').not(this).val($(this).val());

    });

使用 this 选择器将获取正在编辑的文本框的值，并将该值传递给具有相同类的另一个文本框。

这是小提琴

score -1 · Accepted Answer

try this..

$(".valueEnter").keyup(function () {

    $('#message').html($('#textBox').val());

 });

jquery - 如何使用jquery将一个文本框中输入的值反映到另一个文本框中

6 回答 6

Related

Reference