使用.val设置值后的JQuery .select

时间:2013-04-21 04:11:12

标签: javascript jquery asp.net telerik

我的html中有两个tabtrips中有两个Radtextbox(telerik)。我想根据用户对其他人的更改来设置每个值。我已经使用以下代码:

function OnUsernameChanged() {
  $('#txtUserNameTab1').focus(function (e) {
    $(this).select();
  });
  $('#txtUserNameTab2').focus(function (e) {
    $(this).select();
  });
  $('#txtUserNameTab1').bind('keypress blur keyup', function (e) {
    var userNameValue = $(this).val();
    $('#txtUserNameTab2').val($(this).val());

  });
  $('#txtUserNameTab2').bind('keypress blur keyup', function (e) {
    var userNameValue = $(this).val();
    $('#txtUserNameTab1').val($(this).val());
  });
}

当第一个值改变时,更新第二个文本框的值,一切正常,反之亦然。但问题在于选择,当关注任何文本框时,它总是在该文本框上执行全选,但该值将更改为文本框的初始值。

1 个答案:

答案 0 :(得分:0)

我创建了一个按照文本框控件的方式工作的小提琴。 http://jsfiddle.net/ZeEXp/1/

JS:

        $('#txtUserNameTab1,#txtUserNameTab2').mouseup(function() {
            $(this).select();
        });

        $('#txtUserNameTab1').bind('keyup', function (e) {
            var userNameValue = $(this).val();
            $('#txtUserNameTab2').val($(this).val());
        });

        $('#txtUserNameTab2').bind('keyup', function (e) {
            var userNameValue = $(this).val();
            $('#txtUserNameTab1').val($(this).val());
        });

HTML:

<textarea id="txtUserNameTab1">asdfasdfa</textarea>
<textarea id="txtUserNameTab2">563gh45</textarea>