2013-07-26 2 views
2

я хочу, чтобы отобразить данные, введенные в одном текстовом поле отражают на другом текстовом полекак отразить значение, введенное в одном текстовом поле в другое текстовое поле с помощью JQuery

как если я вхожу любую вещь на TextBox1 я должен получить в TextBox2 (Somthing как отражение)

это я пытался ..

<!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> 
+0

Вы регистрируете .click событие для TextBox1, но вы не хотите его щелчком мыши вы хотите на KeyDown/KeyUp. – andrewb

ответ

2

вы можете просто использовать Ключевание функция

http://jsfiddle.net/DfHSS/

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

я видел вашу демо он работает нормально, но в моей системе это не работает мольбы увидеть этот код <сценарий SRC = "http://ajax.googleapis.com/ Аякса/ЛИЭС/JQuery/1.10.2/jquery.min.js ">

TextBox 1 : TextBox 2 :
user2617574

+0

приложите последнюю версию JQuery файла – Hushme

+0

, кажется, что вы не используете файл Jquery – Hushme

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

Try the above 
0

Вы должны использовать событие изменения или KeyDown

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

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

    }); 

Используя этот селектор, вы получите значение редактируемого текстового поля и передадите это значение в другое текстовое поле с тем же классом.

Here is the fiddle

+0

извините, я не выхожу из игры – user2617574

+0

Извините, я забыл что-то добавить. Я только что обновил код. как текстовое поле будет отражать друг друга –

-1
try this.. 

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

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

}); 
0

вы должны добавить слушателя внутри .ready() метода. а также попытайтесь изменить свой код на это.

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

Что-то вроде этого,

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

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

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

}); 
Смежные вопросы