PDA

View Full Version : Bind دو طرفه با jquery



peymannaji
جمعه 27 فروردین 1389, 13:41 عصر
با سلام


چگونه میشه 2 تکست باکس رو با هم bind 2 طرفه کردم به این معنی تو تکستک باکس 1 هرچیزس که نوشته میشه عینا در تکست باکس 2 لحاظ بشه و بر عکس و بطور همزمان .

با تشکر

Behrouz_Rad
یک شنبه 05 اردیبهشت 1389, 17:04 عصر
<input id="txt1" type="text" />
<input id="txt2" type="text" />



<script type="text/javascript">
$(function() {
$("#txt1").keyup(function() {
$("#txt2").val(this.value);
});

$("#txt2").keyup(function() {
$("#txt1").val(this.value);
});
});
</script>

موفق باشید.

taknegaar
یک شنبه 05 اردیبهشت 1389, 20:34 عصر
<input type="text" id="txt1"/>
<input type="text" id="txt2"/>
<script>
$(document).ready(function(){
$('#txt1,#txt2').keyup(function(){
$((this.id=='txt2')?'txt1':'txt2').val(this.value) ;
});
});
</script>

codename.ms0
شنبه 11 اردیبهشت 1389, 15:38 عصر
سلام
یه مشکلی هست اگه تو یکیشون با موس کلید راست کنیم و متن رو پیست کنیم دیگه کار نمیکنه حالا راهکار چیه؟:متفکر:

mehdi.mousavi
شنبه 11 اردیبهشت 1389, 16:39 عصر
سلام یه مشکلی هست اگه تو یکیشون با موس کلید راست کنیم و متن رو پیست کنیم دیگه کار نمیکنه حالا راهکار چیه؟:متفکر:

سلام.
با فرض اینکه HTML ای که دوستان داده بودن رو در نظر بگیریم، میتونید به این شکل عمل کنید:


$(function () {
$('#txt1,#txt2').bind('keyup paste', function (e) {
var instance = this;
setTimeout(function () {
$((instance.id == 'txt1') ? '#txt2' : '#txt1').val(instance.value);
}, 0);
});
});


موفق باشید.