jquery - 用于在 asp.net 中自动填充文本框的 Jquery

Question

我正在asp.net 4.0中开发Web应用程序我有名字，中间名和姓氏文本框以及显示名称文本框。同时输入第一个以及中间名和姓氏整个名称将使用jquery显示在显示名称文本框中

我在用

$(function () {
    $('input[id$=txtFName]').keyup(function () {
        var txtClone = $(this).val();
        $('input[id$=txtDisplayName]').val(txtClone);
    });
});

如何将名字、中间名和姓氏连接到显示名称文本框中。

Answer 1

你可以使用这样的东西：
$(function () { $('input[id$=txtFName], input[id$=txtMName], input[id$=txtLName]').keyup(function () {
$( 'input[id$=txtDisplayName]').val( $('input[id$=txtFName]').val()+' '+$('input[id$=txtMName]').val()+ ' '+$('input[id$=txtLName]').val()); }); });

Answer 2

尝试

$(function () {
    var concatNames = function(first, middle, last) {
        //this is locale specific 
        return first + ' ' + middle + ' ' + last;
    };
    $('input[id$=txtFName], input[id$=txtMName], input[id$=txtLName]').keyup(function () {
        var fullName = concatNames($('input[id$=txtFName]').val(), $('input[id$=txtMName]').val(), $('input[id$=txtLName]').val());
        $('input[id$=txtDisplayName]').val(fullName);
    });
});

或者您可以使用相同的类标记所有输入并使用类选择器。

Answer 3

您可以为 3 个名称框重复您的代码 3 次，正确连接名称

$(function () {
    var $fname = $('input[id$=txtFNamee]');
    var $mname = $('input[id$=txtMName]');
    var $Sname = $('input[id$=txtSName]');
    $fName.keyup(function () {
        writeName($fname,$mname,$sname);
    });
    $mName.keyup(function () {
        writeName($fname,$mname,$sname);
    });
    $sName.keyup(function () {
        writeName($fname,$mname,$sname);
    });

    function writeName($f,$m,$s){
       $('input[id$=txtDisplayName]').val($f.val() + ' ' + $m.val() + ' ' + $s.val());
    }
});