CODEWITHSUNDEEP
javascriptjqueryhtmlforms
Ryan Thomas
Ryan Thomas

Reputation: 21

Copy input field from one to another?

UPDATE: I got in contact with the developer and he said to use this code as a foundation:

(function($) {

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

})(jQuery);

It doesn't work at the moment and I'm not sure why but you can also see my original post below this text for more details and I appreciate all of your help:

I am trying to copy one input field to another when a user types. I would like to accomplish something like this: http://jsfiddle.net/bxHQ5/ Notice that when you type into the input box on the left, it duplicates the text on the right.

To be more specific, on my website, I am using this form

I want what the user types in the "Car Manufacturer" input box to directly be copied to the "Testfield" input box as they type. Also, the "Testfield" input box text cannot be deleted or altered by the user once text is inputted in the car manufacturer field. They both have to be exactly the same.

Please note that the car manufacturer input field shows a hidden input which the user cannot see and should be ignored in this case. If you look at the HTML, the car manufacturer input looks like this:

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

You'll notice I put my own customer ID in there called "myrelatedfield" The field it needs to copy text to looks like this which has a custom class "jr_testfield"...

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

Thanks!

Upvotes: 2

Views: 5027

Answers (2)

Somnath Kharat
Somnath Kharat

Reputation: 3610

Use readonly="true" property to prevent write access.Input value will also be available when u submit the form

HTML: 

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

Script:

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

DEMO

Upvotes: 0

Vishal
Vishal

Reputation: 256

I ave updated the code

have a look at it

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

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

Upvotes: 2

Related Questions