自动建议输入,防止将文本复制到其他输入文本字段
Autosuggest input preventing text from being copied to other input text field
我正在尝试在用户键入时将文本从一个文本输入字段复制到另一个文本输入字段。 感谢大家的帮助,我能够做到这一点,但我遇到了一个问题。
如果您访问以下页面并在"汽车制造商"文本框中键入"Sub",您将在"TestField"文本框中看到它重复。 但是,由于它是一个自动建议文本框,因此会弹出斯巴鲁。
因此,如果您只键入"Sub"并且建议"Subaru"并选择它,则只有"Sub"会复制到下一个框中。 您还会注意到,一旦您选择"斯巴鲁",就会生成一个复选框。 也许最好从复选框复制? 但不幸的是,我未能做到这一点。
您可以在此处看到问题(请记住仅在字段中键入"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>
如果您对如何防止这种情况有任何想法,那就太好了。 一个想法是从自动建议中选择"斯巴鲁"后,简单地复制复选框中的文本。
感谢您对此的帮助!
您可以轻松扩展用于显示建议的标记的 onclick 方法:
标签内:
<a class="ui-corner-all" tabindex="-1" onclick="javascript:clickHandler(this)">Subaru</a>
实现 clickHandler 函数,并设置指向已创建的测试字段的链接的值。
希望有帮助。
相关文章:
- 尝试在PHP中回显输入文本时出现未定义的索引错误
- 使用模拟按键在输入框中自动输入文本
- 如何添加类,同时开始在文本字段中输入文本
- JQuery使用相同的功能自动完成各种输入文本
- 如何设置输入文本框jquery的值
- 输入文本框为空时的阻止按钮asp.网络表单
- 基于单选框更新页眉,选中并选择输入文本
- 将输入文本与某个选项的值相匹配并自动选择
- 如何在 JavaScript 中创建输入文本框
- 如何使用纯Javascript观看输入文本框
- 需要使用javascript获取输入文本,然后将其添加到句子中
- php&js-将电子邮件添加到输入文本中
- 动态启用/禁用来自控制器的输入文本
- .val()不返回输入文本
- 从确认框中预填充输入文本框
- 如何使用JavaScript解析输入文本中给定的数据
- 添加/删除/更改输入文本的部分值
- 根据输入文本按元素排序,AngularJS
- 如何将(a*b)两个输入文本值相乘,并在javascript中随文本变化动态显示
- 如何从Tr重复的输入文本中获取值