2010-06-18 3 views
2

기본적으로 두 개의 입력 필드 인 "이름"과 "사용자 이름"이 있습니다.jQuery는 "name"필드를 기반으로 "username"필드를 동적으로 변경할 수 있습니까?

아이디어는 "이름"필드에 입력되는 내용에 따라 "사용자 이름"필드가 동적으로 변경된다는 것입니다. 또한 사용자 이름 필드가 소문자로만되어 있고 공백을 대시로 변경해야합니다. onkeydown을 사용하여 생각하고 있었지만 아무 것도 할 수 없었습니다.

나는 주변을 둘러 보았지만 찾고있는 것을 찾을 수없는 것 같습니다. 누구든지 아이디어가있어?

<input type="text" name="name" id="name" class="field" /> 
<input type="text" name="username" id="username" class="field" /> 

^^ 기본 입력 형식입니다.

편집 :

$('#name').keyup(function() { 
    fill_username(); 
}); 

이 될 것입니다 : 당신은 이벤트의 keyup 설정할 수

function fill_username(value) { 
    $("#username").val(value); 
} 
$("#client-name").keyup(function() { 
    var value = $(this).val(); 
    var value = value.replace(/\s+/g, '-').toLowerCase(); 
    fill_username(value); 
}); 

답변

4

:

여기가 작동있어 코드가 다른 사람이 이런 일을 찾는 경우이다 사용자가 이름 필드에 한 글자를 입력 할 때마다 호출됩니다.

+0

감사합니다. 나는 어째서 keyup stuff에 문제가 있었는지는 모르겠지만, 그 방법으로 함수를 호출하는 것은 대단히 효과적이다. – SoulieBaby

+0

아무런 문제없이 도움이되었다. :) – Rabas

관련 문제