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]，输入[id $ = txtMName]，输入[id $ = txtLName]'）。keyup（function（）{
$（ '输入[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());
    }
});

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

3 个答案: