自动提供输入，防止文本被复制到其他输入文本字段

Question

我正在尝试将文本复制从一个文本输入字段复制到另一个文本输入字段作为用户键入。感谢大家的帮助，我能够做到这一点，但我遇到了一个问题。

如果您访问以下页面并在“Car Manufacturer”文本框中键入“Sub”，您将在“TestField”文本框中看到它重复。但是，由于它是一个autosuggest文本框，Subaru弹出。

因此，如果您只键入“Sub”并建议使用“Subaru”并选择它，则只将“Sub”复制到下一个框。您还会注意到，一旦选择“Subaru”，就会生成一个复选框。也许最好从复选框中复制一下？但不幸的是，我无法做到这一点。

你可以在这里看到问题（记得在字段中只选择“sub”并选择“Subaru”来看看我在说什么：

http://www.forzazone.com/forza-car-designs-and-paint-jobs/forza-motorsport-4-car-designs-and-paint-jobs/new-listing_c66/

以下是我目前用于执行复制的代码：

<script>

(function($) {

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

})(jQuery);


</script>     

如果您对如何防止这种情况有任何想法，那就太棒了。一个想法是，只要从Autosuggest中选择“Subaru”，就可以复制复选框中的文本。

感谢您的帮助！

Answer 1

您可以轻松扩展用于显示建议的标签的onclick方法：

标签内的

：

<a class="ui-corner-all" tabindex="-1" onclick="javascript:clickHandler(this)">Subaru</a>

实现clickHandler函数并将链接的值设置为您创建的测试字段。

希望有所帮助。