将输入字段从一个复制到另一个?

时间:2013-10-08 04:17:10

标签: javascript jquery html forms

更新:我与开发人员联系,他说要使用此代码作为基础:

(function($) {

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

})(jQuery);

目前无效,我不知道为什么,但您也可以在此文字下方看到我的原帖以获取更多详情,并感谢您的所有帮助:

我试图在用户输入时将一个输入字段复制到另一个输入字段。我想完成这样的事情:http://jsfiddle.net/bxHQ5/请注意,当您在左侧的输入框中键入时,它会复制右侧的文本。

更具体地说,在我的网站上,我使用的是this form

我希望用户在“汽车制造商”输入框中输入的内容在键入时直接复制到“测试字段”输入框。此外,一旦在汽车制造商领域中输入文本,用户就不能删除或更改“测试字段”输入框文本。它们都必须完全相同。

请注意,汽车制造商输入字段显示用户无法看到的隐藏输入,在这种情况下应忽略。如果您查看HTML,汽车制造商的输入如下所示:

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

您会注意到我将自己的客户ID放在名为“myrelatedfield”的地方。需要将文本复制到具有自定义类“jr_testfield”的字段......

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

谢谢!

2 个答案:

答案 0 :(得分:2)

我已更新代码

看看它

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

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

答案 1 :(得分: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