Автопредложение ввода, предотвращающее копирование текста в другое текстовое поле ввода

Я пытаюсь скопировать текст из одного поля ввода текста в другое по мере ввода пользователем. Мне удалось это сделать благодаря помощи всех, но я столкнулся с проблемой.

Если вы посетите следующую страницу и введете «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>     

Если у вас есть какие-либо идеи о том, как предотвратить это, это было бы здорово. Одна из идей заключалась в том, чтобы просто продублировать текст из флажка, как только «Subaru» выбрано из Autosuggest.

Спасибо за вашу помощь в этом!


person Ryan Thomas    schedule 08.10.2013    source источник


Ответы (1)


Вы можете легко расширить метод onclick тегом, который вы используете для отображения предложений:

внутри тега:

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

Реализуйте функцию clickHandler и установите значение ссылки на созданное вами тестовое поле.

Надеюсь, это поможет.

person SHANK    schedule 08.10.2013
comment
Я не слишком уверен, что вы имеете в виду здесь, поскольку в нем нет ссылок ‹a› ... Я думаю, вы предлагаете применять onclick, когда я выбираю выделенный текст, а затем также отправлять его в текстовое поле? - person Ryan Thomas; 08.10.2013
comment
Текст «Subaru» появляется на странице в виде ссылки ‹a›. Вы можете использовать событие onClick ссылки, чтобы скопировать значение в текстовое поле. - person SHANK; 09.10.2013