2011-09-20 3 views
1

저는 최신의 가장 훌륭한 jQuery를 사용하고 있습니다.jQuery - 나중에 사용할 수 있도록 숨겨진 필드에 텍스트 값을 쓰는 방법?

나는 세 개의 텍스트 필드와 세 개의 숨겨진 필드가있는 양식이 있습니다. 텍스트 필드에 입력 할 때 값은 각각의 숨겨진 필드로 전달되며 나중에 다른 방법으로 액세스됩니다.

FirstName value should be passed to FirstNameTemp 
LastName value should be passed to LastNameTemp 
Pseudonym value should be passed to PseudonymTemp 

다음 코드는 작동하지 않습니다. 어제 작동 했더라면 다음 코드는 작동하지 않습니다. FireFox와 Firebug를 사용하고 있습니다. FirstNameTemp 변경 값을 볼 수 있지만 코드에서 정상적으로 작동하는 것으로 보이지만 다른 속성은 작동하지 않습니다.

이 문제가 있습니까? 나는 명백한 것을 놓치고 있는가?

<input type='hidden' value="" id="FirstNameTemp"> 
<input type='hidden' value="" id="LastNameTemp"> 
<input type='hidden' value="" id="PseudonymTemp"> 

<input type='text' value="" class="Search" id="FirstName"><br> 
<input type='text' value="" class="Search" id="LastName"><br> 
<input type='text' value="" class="Search" id="Pseudonym"><br> 


<script type="text/javascript"> 
$(document).ready(function() { 

$(".Search").keyup(function() { 
    var FirstName = $("#FirstName").val(); 
    var LastName = $("#LastName").val(); 
    var Pseudonym = $("#Pseudonym").val(); 
    // COPY ENTITIES TO TEMP ENTITIES 
    $("#FirstNameTemp").val(FirstName); 
    $("#LastNameTemp").val(LastName); 
    $("#PseudonymTemp").val(Pseudonym); 
}); 

}); 

편집

나는 열고 브라우저를 닫고 내 컴퓨터를 다시 부팅. 아무것도 효과가 없습니다. 그래서 Firefox와 FireBug를 다운로드하고 다시 설치했습니다. 그것은 잘 작동했습니다.

여러분 모두에게 도움과 좋은 아이디어를 제공해 주셔서 감사합니다. 너희들 록!

+0

작품 잘 - http://jsfiddle.net/urZUT/ 1/숨겨진 필드 텍스트 상자를 만들어 값 변경을 볼 수 있습니다. –

+0

은 '아무것도 없음'을 정의합니다. –

+0

질문에 따르면 "FirstNameTemp"id의 숨겨진 입력이 변경되지만 나머지는 수정되지 않습니다 - 정확합니까? – Ger

답변

3

왜 이런 식으로하지 :

$(".Search").keyup(function() { 

    $('#'+this.id+'Temp').val($(this).val()); 

}); 

바이올린 : http://jsfiddle.net/each/mtFt6/

+3

그렇게 쓰지 않는 이유는 무엇입니까? 왜냐하면 나는 캐릭터에 의한 코딩에 돈을 받는다. 귀하의 코드는 월급에서 움푹 들어간 부분을 만들 것입니다. 루프가 내 월급을 죽일거야. –

+1

@Evik 내가 당신의 의견을 +1하는 것은 농담이다. (그러나 나는 사람들이 줄을 써서 돈을 받고 있다고 들었다.) –

+1

예, 농담입니다. 귀하의 효율적인 코드는 나를 위해 읽기가 어렵습니다. 나는 내가 뭘하려고하는지 정말로 이해할 때까지 보통 비효율적으로 글을 쓴다. 효율적인 코드는 진단하기가 어려울 수 있습니다.안심 하셔도, 샘플을 사용하겠습니다. –

0

이 시도 ..

$(document).ready(function() { 

    $(".Search").keyup(function() { 
     var targetId = "#" + $(this).attr("id") + "Temp"; 
     $(targetId).val($(this).val()); 
    }); 

}); 
나를 위해
+1

효과적인 코딩 샘플을 보내 주셔서 감사합니다. 다른 녀석의 표본은 조금 좋아 보인다. 그래서 그것을 구현하고있다. 감사!!! –

관련 문제