2013-10-08 2 views
2

업데이트 : 개발자와 접촉했고 그는 기초로이 코드를 사용했다 :입력 필드를 다른 것으로 복사 하시겠습니까?

(function($) { 

    $('.jr-page').on('keyup','.jrAutoSuggest',function(){ 
     $(".customfield").val($(this).val()); 
    }); 

})(jQuery); 

그것은 순간에 작동하지 않습니다와 나는 이유를 모르겠어요하지만 당신은 또한 볼 수 있습니다 내 자세한 내용은이 텍스트 아래의 원본 게시물을 참조하십시오. 귀하의 도움을 주셔서 감사합니다.

사용자가 입력 할 때 입력 필드를 다른 필드로 복사하려고합니다. 나는 이와 같은 것을 성취하고자한다 : http://jsfiddle.net/bxHQ5/ 왼쪽의 입력 상자에 타이핑 할 때 오른쪽에있는 텍스트가 복사된다는 점에 주목하자.

나는 그들이 입력 할 때 "자동차 제조업체"입력 상자에 사용자가 입력 직접 "Testfield"입력 상자에 복사 할 수 무엇을 원하는 내 웹 사이트에, 나는 this form

를 사용하고, 더 구체적으로. 또한 자동차 제조업체 필드에 텍스트를 입력하면 사용자가 "Testfield"입력 상자 텍스트를 삭제하거나 변경할 수 없습니다. 둘 다 똑같아 야합니다.

자동차 제조업체 입력 필드에는 사용자가 볼 수없는 숨겨진 입력이 표시되므로이 경우 무시해야합니다. 당신이 HTML을 보면, 자동차 제조 업체 입력은 다음과 같습니다 : 당신은 내가 "myrelatedfield"이 같은 모습에 텍스트를 복사 할 필요가있는 필드가 전화에 내 자신의 고객 ID를 넣어 알 수 있습니다

<input id="myrelatedfield" class="jrAutoSuggest ui-autocomplete-input acInstructions" type="text" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"></input> 

하는 커스텀 클래스 "jr_testfield"를 가지고 있습니다 ...

<input class="jr_testfield jrText" type="text" data-click2add="0" name="data[Field][Listing][jr_testfield]"></input> 

고마워요!

내가 코드

업데이트 AVE

+1

와? 당신은이 문제를 해결하려고 시도했음을 보여주는 코드가 없습니다 –

+1

u 다른 텍스트 상자를 읽기 전용으로 만들어 아무도 수정할 수 없으며 같은 데이터를 복제 할 수 있습니다 .. http://jsfiddle.net/bxHQ5/382/ – Ashish

+0

You 내 코드를 여기에서 볼 수 있습니다 ... 사과를 더 일찍 게시하지 않는 것에 대해 사과드립니다. http://www.forzazone.com/forza-car-designs-and-paint-jobs/forza-motorsport-4-car-designs-and-paint-jobs/new-listing_c66/ 보시다시피, 여전히 그렇습니다. 작동하지 않습니다 ... 어쩌면 그것은 jquery 충돌 또는 뭔가? –

답변

2

유 양식을 제출하는 경우도 사용할 수 있습니다 쓰기 access.Input 값을 방지하기 위해 그것을

http://jsfiddle.net/vishalgupta358/bxHQ5/383/

$("#EmailAddress").keyup(function(){ 
    $("#Username").val($(this).val()); 
}); 
+2

'disabled'는 양식 제출시 입력을 제출하지 않습니다. 'readonly'가 더 나은 선택 일 수 있습니다. – DACrosby

+1

또는'keypress' 기능을 사용해보십시오. 그 차이는 'keypress'에 있습니다. 텍스트 필드에 입력하면 인접한 텍스트 상자에 나타나고, 'keyup'에서는 내용을 볼 수 있습니다. 키를 놓은 후에야 약간의 지연이 있습니다. 당신의 필요에 맞는 것을 사용하십시오. – Pbk1303

+0

도움 주셔서 감사합니다. 내 코드를 사용하고 작동하지 않습니다. 아마도 jquery 충돌일까요? 당신은 그것을 여기에서 볼 수있다 : http://www.forzazone.com/forza-car-designs-and-paint-jobs/forza-motorsport-4-car-designs-and-paint-jobs/new-listing_c66/ –

0

사용 readonly="true" 특성에 봐

HTML :

<input type="text"id="EmailAddress" name="EmailAddress" value="" > 
<input type="text" id="Username" readonly="true" name="Username" value=""> 

스크립트 : 당신이 시도

$("#EmailAddress").keyup(function(){ 
    $("#Username").val($(this).val()); 
}); 

DEMO

+0

도움 주셔서 감사합니다! 이것에 대한 업데이 트를 위의 내 게시물을 참조하십시오. Joomla 구성 요소의 개발자와 연락을하고 그는 위에서 보았던 tweeking이 필요한 코드를 제공했습니다. 이 모든 도움에 감사드립니다! –

관련 문제