自动建议输入，防止文本复制到其他输入文本字段

Question

我正在尝试在用户输入时将文本从一个文本输入字段复制到另一个文本输入字段。 在每个人的帮助下，我已经能够实现这一目标，但是我遇到了一个问题。

如果访问以下页面，然后在“汽车制造商”文本框中键入“ Sub”，则将在“ TestField”文本框中看到重复的内容。 但是，由于这是一个自动提示的文本框，因此会弹出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函数，并将链接的值设置为您创建的测试字段。

希望能有所帮助。