asp.net 자동 채우기 텍스트 상자 용 Jquery

Question

asp.net 4.0 웹 응용 프로그램을 개발 중입니다. 이름, 중간 이름 및 성 입력란이 이고 표시 이름 텍스트 상자가 있습니다. 중간 및 마지막으로 먼저 입력합니다. 이름 전체 이름은 내가 처음으로 연결할 수있는 방법을

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

, 표시 이름 텍스트 상자에 중간 이름과 성을 사용하고 JQuery와

를 사용하여 표시 이름 텍스트 상자에 표시됩니다.

Answer 1

당신은 같은 것을 사용할 수 있습니다.
$를 (함수() { $ ('입력 [아이디 $ = txtFName] 입력 [아이디 $ = txtMName] 입력 [아이디 $ = txtLName]')의 keyup val() + ''+ $ ('input [id $ = txtDisplayName]') ( $ ('input [id $ = txtFName]') {
$ = txtMName] ').) val() +' '+ $ ('input [id $ = txtLName] ').

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

그냥 제대로 대신`입력

$(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()); 
    } 
});