2013-10-08 38 views
2

更新:我与开发商取得了联系,他说,使用此代码作为基础:将输入字段从一个复制到另一个?

(function($) { 

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

})(jQuery); 

它不会在目前的工作,我不知道为什么,但你也可以看到我的原文是在这篇文章下面的更多细节,我感谢你的所有帮助:

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

更具体地讲,在我的网站,我使用this form

我想要的东西,在“汽车制造商”输入框中输入用户类型,因为他们类型直接被复制到“Testfield”输入框中。此外,一旦在汽车制造商领域输入文字,用户不能删除或更改“Testfield”输入框文本。他们都必须完全一样。

请注意,汽车制造商的输入字段显示一个隐藏的输入,用户看不到,在这种情况下应该忽略。如果你看一下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> 

谢谢!

+1

,你已经尝试?你没有代码显示你试图解决这个问题 –

+1

你使其他文本框只读,所以没有人可以编辑它..并且它也会复制相同的数据.. http://jsfiddle.net/bxHQ5/382/ – Ashish

+0

你可以在这里看到我的代码...道歉不能提前发布,我感谢你的帮助! http://www.forzazone.com/forza-car-designs-and-paint-jobs/forza-motorsport-4-car-designs-and-paint-jobs/new-listing_c66/正如你所看到的,它仍然是不工作...也许这是一个jQuery的冲突或什么? –

回答

2

我AVE更新的代码

看看它

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

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

'disabled'将使输入在表单提交时不提交。 'readonly'可能是一个更好的选择。 – DACrosby

+1

或者您可以尝试使用'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"属性,以防止写入access.Input值也将提供当u提交表单

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的代码。我很感谢你的帮助! –

相关问题