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

【问题标题】：JQuery .select after setting value using .val使用 .val 设置值后的 JQuery .select
【发布时间】：2013-04-21 04:11:11
【问题描述】：

我的 html 中的两个标签条中有两个 Radtextboxes (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());
  });
}

当第一个文本框的值发生更改时，它可以正常更新第二个文本框的值，反之亦然。但问题在于选择，当专注于任何文本框时，它总是对该文本框进行全选，但值会更改为文本框的初始值。

【问题讨论】：

stackoverflow.com/questions/12211964/… 您是否要获取所选值？
不，我的目的是使文本框中的全文被选中，以便用户可以直接覆盖它。
这似乎工作正常jsfiddle.net/U4YkM
当我从 Telerik radtextbox 将文本框更改为简单输入文本框时，它工作正常...
我不明白你想要达到的效果。当我进入它时，在文本框中选择了全文。这是我观察到的默认行为，没有任何 JavaScript 附加到我的 RadTextboxes

标签： javascript jquery asp.net telerik

【解决方案1】：

我创建了一个小提琴，可以按照您想要的方式使用文本框控件。 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>

【讨论】：